employer
/
liza
1
0
Fork 0
Code Releases Activity

Use {ch=>em} units for CSS (because of IE) 

See comments in base.css.

* src/css/base.css: {ch=>em} for all styles.  Matched sizes approximately;
  it doesn't need to be exact.
master
Mike Gerwitz 2017-11-10 10:20:10 -05:00
parent e2b17e9e8a
commit 87c4cf50d2
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/css/base.css
View File

@ -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;
}