Mike Gerwitz

Activist for User Freedom

aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMike Gerwitz <mike.gerwitz@rtspecialty.com>2017-11-10 10:20:10 -0500
committerMike Gerwitz <mike.gerwitz@rtspecialty.com>2017-11-10 10:20:10 -0500
commit87c4cf50d2c93cde75e6e83298e04e557cc60c1c (patch)
tree4d61204c6af75ec2da5580c17304b4bd78a738ab
parente2b17e9e8a741031f59b222947d513528a08317e (diff)
downloadliza-87c4cf50d2c93cde75e6e83298e04e557cc60c1c.tar.gz
liza-87c4cf50d2c93cde75e6e83298e04e557cc60c1c.tar.bz2
liza-87c4cf50d2c93cde75e6e83298e04e557cc60c1c.zip
Use {ch=>em} units for CSS (because of IE)v3.2.1
See comments in base.css. * src/css/base.css: {ch=>em} for all styles. Matched sizes approximately; it doesn't need to be exact.
-rw-r--r--src/css/base.css17
1 files changed, 11 insertions, 6 deletions
diff --git a/src/css/base.css b/src/css/base.css
index 7342986..a46c837 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -30,6 +30,11 @@
* XXX: Further, since jQuery UI's dialog styles are _inlined_ as the @style
* of the element itself, we need `!important'.
*
+ * N.B.: Unfortunately, `ch' units are not properly rendered in IE---they do
+ * not consider the padding of `0', and so the width is less in IE than in
+ * other browsers, making it useless for consistent width styling. Deeply
+ * disappointing.
+ *
* TODO: Many, many things need to be moved into this stylesheet!
*/
@@ -42,7 +47,7 @@
*/
.liza-doc-nav-dialog {
- width: 60ch !important;
+ width: 35em !important;
}
/* The document (quote) number dialog prompts for a number to view. Really,
@@ -52,7 +57,7 @@
*/
.liza-doc-id-prompt {
- width: 35ch !important;
+ width: 20em !important;
}
/* When skipping between steps using the upper navigation, the
@@ -62,7 +67,7 @@
*/
.liza-dirty-dialog {
- width: 60ch !important;
+ width: 40em !important;
}
@@ -74,7 +79,7 @@
*/
.liza-error-dialog {
- width: 40ch !important;
+ width: 25em !important;
}
/* The Email dialog is an e-mail form that prompts for recipients, subject,
@@ -82,7 +87,7 @@
*/
.liza-email-dialog {
- width: 50ch !important;
+ width: 30em !important;
}
.liza-email-dialog input {
@@ -97,7 +102,7 @@
/* Notification dialogs serve as a basis for generic user notifications.
*/
.liza-notification-dialog {
- width: 45ch !important;
+ width: 30em !important;
}