Commit 5d51b439 by Torkel Ödegaard

ux(): trying to cleanup new form styles, probably broken it

parent 9ae050f0
...@@ -51,6 +51,7 @@ $gf-form-label-margin: 0.2rem; ...@@ -51,6 +51,7 @@ $gf-form-label-margin: 0.2rem;
display: block; display: block;
font-size: $font-size-sm; font-size: $font-size-sm;
margin-right: $gf-form-label-margin; margin-right: $gf-form-label-margin;
border: $input-btn-border-width solid transparent; border: $input-btn-border-width solid transparent;
@include border-radius($label-border-radius-sm); @include border-radius($label-border-radius-sm);
} }
...@@ -103,71 +104,30 @@ $gf-form-label-margin: 0.2rem; ...@@ -103,71 +104,30 @@ $gf-form-label-margin: 0.2rem;
&.gf-size-auto { width: auto; } &.gf-size-auto { width: auto; }
} }
.gf-form-input > select { select.gf-form-input {
width: 115%;
min-width: 110%;
max-width: 115%;
height: 24px;
margin: 0;
padding: 0 20px 0 0;
border: 0;
outline: none;
background: transparent;
color: $input-color;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-indent: .01px;
text-overflow: ''; text-overflow: '';
-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;
}
// This hides native dropdown button arrow in IE
.gf-form-input > select::-ms-expand {
display: none;
}
.gf-form-input:after > select:after {
position: absolute;
top: 50%;
right: 10px;
height: 12px;
margin-top: -6px;
padding: 0;
background-color: transparent;
color: $input-color;
font: normal normal normal 14px/1 FontAwesome;
text-align: center;
content: '\f0d7';
pointer-events: none;
}
.gf-form-input > select:focus {
outline: none;
}
// This hides focus around selected option in FF
.gf-form-input > select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #adafae;
}
// .gf-form-input { &:after {
// margin: 0; position: absolute;
// background: $input-color; top: 50%;
// } right: 10px;
height: 12px;
.gf-form-select-interior { margin-top: -6px;
margin: 0; padding: 0;
background-color: $input-bg; background-color: transparent;
border: 1px solid $input-bg; color: $input-color;
} font: normal normal normal 14px/1 FontAwesome;
text-align: center;
content: '\f0d7';
pointer-events: none;
}
.gf-form-input > select { &:-moz-focusring {
height: 34px; color: transparent;
line-height: 34px; }
} }
.gf-form-btn { .gf-form-btn {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment