Skip to content

Commit 68ee49a

Browse files
authored
fix(select): update select design (#304)
* fix(select): update select component design and fix minor bug * fix(select): fix font-size
1 parent bd89c43 commit 68ee49a

File tree

2 files changed

+6
-7
lines changed

2 files changed

+6
-7
lines changed

lib/select/index.js

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -99,9 +99,7 @@ class Select extends Component {
9999
);
100100
break;
101101
case 'Enter':
102-
if (focus) {
103-
this.handleSelect(options[focus]);
104-
}
102+
this.handleSelect(options[focus]);
105103
break;
106104
default:
107105
break;

lib/select/theme.module.scss

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -33,10 +33,10 @@
3333
width: 100%;
3434
min-height: fit-content;
3535
min-height: -moz-fit-content;
36-
padding: 2% 5%;
36+
padding: 5%;
3737
cursor: pointer;
3838
&:hover {
39-
background-color: $input-active-item;
39+
background-color: #c4dfe6;
4040
}
4141
&>span {
4242
white-space: nowrap;
@@ -46,7 +46,7 @@
4646
}
4747

4848
:local(.option-hover) {
49-
background-color: $input-active-item;
49+
background-color: #c4dfe6;
5050
}
5151

5252
:local(.show) {
@@ -91,6 +91,7 @@
9191
background-color: transparent;
9292
border: none;
9393
width: 100%;
94+
font-size: 1em;
9495
}
9596
}
9697

@@ -100,7 +101,7 @@
100101
position: absolute;
101102
bottom: -2px;
102103
left: 0;
103-
background-color: $primary-input-active-border !important;
104+
background-color: #c4dfe6 !important;
104105
height: 2px;
105106
@include inputFocus();
106107
animation-duration: 0.5s;

0 commit comments

Comments
 (0)