Explorar o código

fix(ux): fixed select box appearance in firefox, fixes #4168

Torkel Ödegaard %!s(int64=9) %!d(string=hai) anos
pai
achega
352cdc137d
Modificáronse 1 ficheiros con 6 adicións e 0 borrados
  1. 6 0
      public/sass/components/_gf-form.scss

+ 6 - 0
public/sass/components/_gf-form.scss

@@ -82,6 +82,7 @@ $gf-form-label-margin: 0.25rem;
   &::-ms-expand {
   &::-ms-expand {
     background-color: transparent;
     background-color: transparent;
     border: 0;
     border: 0;
+    display: none;
   }
   }
 
 
   // Customize the `:focus` state to imitate native WebKit styles.
   // Customize the `:focus` state to imitate native WebKit styles.
@@ -109,15 +110,20 @@ $gf-form-label-margin: 0.25rem;
 
 
 .gf-form-select-wrapper {
 .gf-form-select-wrapper {
   position: relative;
   position: relative;
+  background-color: $input-bg;
 
 
   select.gf-form-input {
   select.gf-form-input {
+    text-indent: .01px;
+    text-overflow: '';
     padding-right: $input-padding-x*2;
     padding-right: $input-padding-x*2;
     -webkit-appearance: none;
     -webkit-appearance: none;
     -moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux.
     -moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux.
     appearance: none;
     appearance: none;
 
 
     &:-moz-focusring {
     &:-moz-focusring {
+      outline: none;
       color: transparent;
       color: transparent;
+      text-shadow: 0 0 0 $text-color;
     }
     }
   }
   }