Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix(ui-toolkit): don't grey out embedded selects

Browse Source 
fixes #1273
This commit is contained in:
Sara Vieira 2018-03-20 10:47:32 +00:00 committed by Sérgio Ramos
parent 95fc7092de
commit 55d5d24475
2 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/my-joy-instances/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
View File

@ -105,8 +105,8 @@ exports[`renders <Rule/> without throwing 1`] = `
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
min-height: 0; min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem; margin: 0 0.375rem;
color: rgba(73,73,73,1);
} }
.c5::-ms-expand { .c5::-ms-expand {
@ -131,8 +131,8 @@ exports[`renders <Rule/> without throwing 1`] = `
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
min-height: 0; min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem; margin: 0 0.375rem;
color: rgba(73,73,73,1);
} }
.c7::-ms-expand { .c7::-ms-expand {
@ -157,8 +157,8 @@ exports[`renders <Rule/> without throwing 1`] = `
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
min-height: 0; min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem; margin: 0 0.375rem;
color: rgba(73,73,73,1);
} }
.c10::-ms-expand { .c10::-ms-expand {
@ -183,8 +183,8 @@ exports[`renders <Rule/> without throwing 1`] = `
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
min-height: 0; min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem; margin: 0 0.375rem;
color: rgba(73,73,73,1);
} }
.c13::-ms-expand { .c13::-ms-expand {
@ -952,8 +952,8 @@ exports[`renders <Rule/> without throwing 2`] = `
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
min-height: 0; min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem; margin: 0 0.375rem;
color: rgba(73,73,73,1);
} }
.c5::-ms-expand { .c5::-ms-expand {
@ -978,8 +978,8 @@ exports[`renders <Rule/> without throwing 2`] = `
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
min-height: 0; min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem; margin: 0 0.375rem;
color: rgba(73,73,73,1);
} }
.c7::-ms-expand { .c7::-ms-expand {
@ -1004,8 +1004,8 @@ exports[`renders <Rule/> without throwing 2`] = `
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
min-height: 0; min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem; margin: 0 0.375rem;
color: rgba(73,73,73,1);
} }
.c10::-ms-expand { .c10::-ms-expand {
@ -1030,8 +1030,8 @@ exports[`renders <Rule/> without throwing 2`] = `
-moz-appearance: none; -moz-appearance: none;
appearance: none; appearance: none;
min-height: 0; min-height: 0;
color: rgb(216,216,216);
margin: 0 0.375rem; margin: 0 0.375rem;
color: rgba(73,73,73,1);
} }
.c13::-ms-expand { .c13::-ms-expand {

6
packages/ui-toolkit/src/form/select.js
View File

@ -86,13 +86,9 @@ const StyledSelect = select.extend`
height: ${remcalc(24)}; height: ${remcalc(24)};
appearance: none; appearance: none;
min-height: 0; min-height: 0;
color: ${props => props.theme.grey};
margin: 0 ${remcalc(6)}; margin: 0 ${remcalc(6)};
`};
${is('embedded', 'touched')`
color: ${props => props.theme.text}; color: ${props => props.theme.text};
`} `};
${is('wrapped')` ${is('wrapped')`
margin: 0; margin: 0;