Changeset 3602:8a1b100e0a84 for admin/style

Timestamp:

11/17/17 12:10:54 (8 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Do not use border and background on select to use the system aspect of them in Firefox (else FF will use the oldest Netscape ugly look).
Target Safari to cope wit font-size select/option problem.
The font-size of option element cannot be changed in Firefox (very old bug)

Location:

admin/style

Files:

• default.css (modified) (4 diffs)
• scss/partials/_forms.scss (modified) (4 diffs)

admin/style/default.css

@@ -994 +994 @@
 select,
 legend {
-  border-radius: 3px;
   max-width: 100%; }
+
+input[type=text],
+input[type=password],
+input[type=submit],
+input[type=button],
+input[type=reset],
+a.button,
+button,
+textarea,
+legend {
+  border-radius: 3px; }
 
 form {
@@ -1034 +1044 @@
 textarea,
 select {
-  background: #fcfcfc;
   color: #000;
-  border-width: 1px;
-  border-style: solid;
-  border-color: #dfdfdf;
   box-shadow: 1px 1px 2px #f3f3f3 inset;
   padding: 3px;
   vertical-align: top; }
 
+input[type=text],
+input[type=password],
+textarea {
+  background: #fcfcfc;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #dfdfdf; }
+
 input:focus,
-textarea:focus,
-select:focus {
+textarea:focus {
   border-color: #9bca1c; }
 
@@ -1061 +1074 @@
   vertical-align: middle; }
 
+@media not all and (min-resolution: 0.001dpcm) {
+  @supports (-webkit-appearance: none) {
+    /* Safari 10.1+ only (https://browserstrangeness.bitbucket.io/css_hacks.html#webkit) */
+    select {
+      font-size: initial; } } }
 select.l10n option {
   padding-left: 16px; }
@@ -1070 +1088 @@
 textarea.invalid,
 select.invalid {
-  border: 1px solid red;
-  background: #FFBABA;
   color: #900;
   box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3); }
+
+input.invalid,
+textarea.invalid {
+  border: 1px solid red;
+  background: #FFBABA; }
 
 input[type=text],

admin/style/scss/partials/_forms.scss

@@ -9 +9 @@
 select,
 legend {
+     max-width: 100%;
+}
+
+input[type=text],
+input[type=password],
+input[type=submit],
+input[type=button],
+input[type=reset],
+a.button,
+button,
+textarea,
+legend {
      border-radius: 3px;
-     max-width: 100%;
 }
 
@@ -55 +66 @@
 textarea,
 select {
+     color: #000;
+     box-shadow: 1px 1px 2px #f3f3f3 inset;
+     padding: 3px;
+     vertical-align: top;
+}
+input[type=text],
+input[type=password],
+textarea {
      background: #fcfcfc;
-     color: #000;
      border-width: 1px;
      border-style: solid;
      border-color: #dfdfdf;
-     box-shadow: 1px 1px 2px #f3f3f3 inset;
-     padding: 3px;
-     vertical-align: top;
 }
 
 input:focus,
-textarea:focus,
-select:focus {
+textarea:focus {
      border-color: #9bca1c;
 }
@@ -87 +101 @@
      vertical-align: middle;
 }
+@media not all and (min-resolution:.001dpcm)
+{ @supports (-webkit-appearance:none) {
+     /* Safari 10.1+ only (https://browserstrangeness.bitbucket.io/css_hacks.html#webkit) */
+     select {
+          font-size: initial;
+    }
+}}
 
 select.l10n option {
@@ -99 +120 @@
 textarea.invalid,
 select.invalid {
+     color: #900;
+     box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3);
+}
+input.invalid,
+textarea.invalid {
      border: 1px solid red;
      background: #FFBABA;
-     color: #900;
-     box-shadow: 0 0 0 3px rgba(218, 62, 90, 0.3);
 }