From ba4d3611418ce431aa8a14fc0f8f127ed7a1a61f Mon Sep 17 00:00:00 2001 From: rishichawda Date: Wed, 2 Jan 2019 12:02:51 +0530 Subject: [PATCH 1/2] fix(select): update select component design and fix minor bug --- lib/select/index.js | 4 +--- lib/select/theme.module.scss | 8 ++++---- 2 files changed, 5 insertions(+), 7 deletions(-) diff --git a/lib/select/index.js b/lib/select/index.js index 5d53e3fa..2bf74346 100644 --- a/lib/select/index.js +++ b/lib/select/index.js @@ -99,9 +99,7 @@ class Select extends Component { ); break; case 'Enter': - if (focus) { - this.handleSelect(options[focus]); - } + this.handleSelect(options[focus]); break; default: break; diff --git a/lib/select/theme.module.scss b/lib/select/theme.module.scss index c692b1a6..acfc03e6 100644 --- a/lib/select/theme.module.scss +++ b/lib/select/theme.module.scss @@ -33,10 +33,10 @@ width: 100%; min-height: fit-content; min-height: -moz-fit-content; - padding: 2% 5%; + padding: 5%; cursor: pointer; &:hover { - background-color: $input-active-item; + background-color: #c4dfe6; } &>span { white-space: nowrap; @@ -46,7 +46,7 @@ } :local(.option-hover) { - background-color: $input-active-item; + background-color: #c4dfe6; } :local(.show) { @@ -100,7 +100,7 @@ position: absolute; bottom: -2px; left: 0; - background-color: $primary-input-active-border !important; + background-color: #c4dfe6 !important; height: 2px; @include inputFocus(); animation-duration: 0.5s; From bb93cb0f64009e97062d2d488a321f030c9783df Mon Sep 17 00:00:00 2001 From: rishichawda Date: Wed, 2 Jan 2019 13:16:44 +0530 Subject: [PATCH 2/2] fix(select): fix font-size --- lib/select/theme.module.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/lib/select/theme.module.scss b/lib/select/theme.module.scss index acfc03e6..cbbfa9fe 100644 --- a/lib/select/theme.module.scss +++ b/lib/select/theme.module.scss @@ -91,6 +91,7 @@ background-color: transparent; border: none; width: 100%; + font-size: 1em; } }