alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend Bug] Fixed CSS for selects to correct Firefox display problem

Browse Source 
WTD-954
This commit is contained in:
Charles Hacskaylo
2015-03-05 12:43:48 -08:00
parent 93debb4abe
commit 1304084f7a
3 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
platform/commonUI/general/res/css/forms.css
View File

@@ -203,6 +203,7 @@ input[type="text"] {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
margin: 0 0 2px 2px; margin: 0 0 2px 2px;
overflow: hidden;
position: relative; } position: relative; }
/* line 127, ../sass/_mixins.scss */ /* line 127, ../sass/_mixins.scss */
.form-control.select:not(.disabled):hover { .form-control.select:not(.disabled):hover {
@@ -211,7 +212,7 @@ input[type="text"] {
background-image: -moz-linear-gradient(#666666, #4d4d4d); background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d); background-image: -o-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); } background-image: linear-gradient(#666666, #4d4d4d); }
/* line 7, ../sass/forms/_selects.scss */ /* line 8, ../sass/forms/_selects.scss */
.form-control.select select { .form-control.select select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
@@ -223,8 +224,12 @@ input[type="text"] {
color: #999999; color: #999999;
border: none !important; border: none !important;
cursor: pointer; cursor: pointer;
padding: 4px 25px 2px 5px; } padding: 4px 25px 2px 5px;
/* line 16, ../sass/forms/_selects.scss */ width: 120%; }
/* line 17, ../sass/forms/_selects.scss */
.form-control.select select option {
margin: 5px 0; }
/* line 21, ../sass/forms/_selects.scss */
.form-control.select:after { .form-control.select:after {
color: #0099cc; color: #0099cc;
content: "v"; content: "v";

11
platform/commonUI/general/res/css/theme-espresso.css
View File

@@ -1974,6 +1974,7 @@ input[type="text"] {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
margin: 0 0 2px 2px; margin: 0 0 2px 2px;
overflow: hidden;
position: relative; } position: relative; }
/* line 127, ../sass/_mixins.scss */ /* line 127, ../sass/_mixins.scss */
.form-control.select:not(.disabled):hover { .form-control.select:not(.disabled):hover {
@@ -1982,7 +1983,7 @@ input[type="text"] {
background-image: -moz-linear-gradient(#666666, #4d4d4d); background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d); background-image: -o-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); } background-image: linear-gradient(#666666, #4d4d4d); }
/* line 7, ../sass/forms/_selects.scss */ /* line 8, ../sass/forms/_selects.scss */
.form-control.select select { .form-control.select select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
@@ -1994,8 +1995,12 @@ input[type="text"] {
color: #999999; color: #999999;
border: none !important; border: none !important;
cursor: pointer; cursor: pointer;
padding: 4px 25px 2px 5px; } padding: 4px 25px 2px 5px;
/* line 16, ../sass/forms/_selects.scss */ width: 120%; }
/* line 17, ../sass/forms/_selects.scss */
.form-control.select select option {
margin: 5px 0; }
/* line 21, ../sass/forms/_selects.scss */
.form-control.select:after { .form-control.select:after {
color: #0099cc; color: #0099cc;
content: "v"; content: "v";

5
platform/commonUI/general/res/sass/forms/_selects.scss
View File

@@ -3,6 +3,7 @@
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
margin: 0 0 2px 2px; // Needed to avoid dropshadow from being clipped by parent containers margin: 0 0 2px 2px; // Needed to avoid dropshadow from being clipped by parent containers
overflow: hidden;
position: relative; position: relative;
select { select {
@include appearance(none); @include appearance(none);
@@ -12,6 +13,10 @@
border: none !important; border: none !important;
cursor: pointer; cursor: pointer;
padding: 4px 25px 2px 5px; padding: 4px 25px 2px 5px;
width: 120%;
option {
margin: $interiorMargin 0; // Firefox
}
} }
&:after { &:after {
color: $colorKey; color: $colorKey;