fix Syle of dropdown element in FF29 an later
- remove custom dropdown arrow in firefox because it's too complicated to hide the native one (in other browsers its one line of css) - make the dropdown arrow click-through so that one can click it to show the dropdown
This commit is contained in:
parent
7c135d690e
commit
3793c85a0e
1 changed files with 19 additions and 0 deletions
|
@ -665,6 +665,24 @@ textarea,
|
|||
right: 12px;
|
||||
top: 50%;
|
||||
margin-top: -3px;
|
||||
@extend .u-unclickable;
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
Firefox only hack
|
||||
-----------------
|
||||
|
||||
Firefox doesn't allow us to hide the dropdown arrow
|
||||
but we want to replace it with our own icon.
|
||||
So we have to hide our own icon in Firefox.
|
||||
|
||||
*/
|
||||
|
||||
@-moz-document url-prefix() {
|
||||
.form-control + .select-arrow {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
select::-ms-expand {
|
||||
|
@ -3687,6 +3705,7 @@ footer {
|
|||
.type-tabs .tab {
|
||||
line-height: 42px;
|
||||
padding: 0 12px 0 12px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.type-tabs .icon {
|
||||
|
|
Loading…
Reference in a new issue