IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Torkel Ödegaard 2016-02-27 07:11:45 +01:00
parent bd2e1ef67e
commit 352cdc137d
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/sass/components/_gf-form.scss
View File

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