|
|
@@ -51,6 +51,7 @@ $gf-form-label-margin: 0.2rem;
|
|
|
display: block;
|
|
|
font-size: $font-size-sm;
|
|
|
margin-right: $gf-form-label-margin;
|
|
|
+
|
|
|
border: $input-btn-border-width solid transparent;
|
|
|
@include border-radius($label-border-radius-sm);
|
|
|
}
|
|
|
@@ -103,71 +104,30 @@ $gf-form-label-margin: 0.2rem;
|
|
|
&.gf-size-auto { width: auto; }
|
|
|
}
|
|
|
|
|
|
-.gf-form-input > select {
|
|
|
- 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;
|
|
|
+select.gf-form-input {
|
|
|
text-overflow: '';
|
|
|
-webkit-appearance: none;
|
|
|
-moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux.
|
|
|
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 {
|
|
|
-// margin: 0;
|
|
|
-// background: $input-color;
|
|
|
-// }
|
|
|
-
|
|
|
-.gf-form-select-interior {
|
|
|
- margin: 0;
|
|
|
- background-color: $input-bg;
|
|
|
- border: 1px solid $input-bg;
|
|
|
-}
|
|
|
+ &: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 {
|
|
|
- height: 34px;
|
|
|
- line-height: 34px;
|
|
|
+ &:-moz-focusring {
|
|
|
+ color: transparent;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.gf-form-btn {
|