Skip to content

Commit 89b3f90

Browse files
committed
Fix for select text moving down
1 parent 0bca8cd commit 89b3f90

File tree

1 file changed

+7
-5
lines changed

1 file changed

+7
-5
lines changed

src/components/Select/Select.scss

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,31 @@
11
@import '~tc-ui/src/styles/tc-includes';
22

33
:global {
4+
$reactselectheight : 40px;
5+
$reactselectcontentheight: 20px;
46
@mixin reactselectstyles {
57
& .react-select__control {
6-
height: 40px;
8+
height: $reactselectheight;
79
box-shadow: none !important;
810
& > div {
9-
height: 40px;
11+
height: $reactselectheight - 2px;
1012
}
1113

1214
& input {
13-
height: 20px;
15+
height: $reactselectcontentheight - 3px;
1416
transition: none !important;
1517
}
1618

1719
& input:focus {
1820
box-shadow: none !important;
1921
-webkit-box-shadow: none !important;
20-
height: 20px;
22+
height: $reactselectcontentheight - 3px;
2123
}
2224
}
2325

2426
& .react-select__value-container {
2527
& > div:nth-last-child(1) {
26-
height: 20px;
28+
height: $reactselectcontentheight - 2px;
2729
}
2830
}
2931

0 commit comments

Comments
 (0)