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

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

View File

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

View File

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