javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): [el-select-v2] optimize component size (#5531)

Browse Source
This commit is contained in:
msidolphin
2022-01-22 10:13:53 +08:00
committed by GitHub
parent 0d2565a2b9
commit 6d779fd5c7
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/theme-chalk/src/select-v2.scss
View File

@@ -18,6 +18,7 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
@include b(select-v2) {
display: inline-block;
position: relative;
vertical-align: middle;
font-size: map.get($input-font-size, 'default');
$selector: &;
@include e(wrapper) {
@@ -27,7 +28,7 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
box-sizing: border-box;
cursor: pointer;
padding: 2px 30px 2px 0;
padding: 1px 30px 1px 0;
border: 1px solid var(--el-border-color-base);
border-radius: var(--el-border-radius-base);
transition: border-color var(--el-transition-duration-fast)
@@ -87,7 +88,6 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
#{$selector}__input-wrapper input {
line-height: map.get($input-height, 'default') - 8px;
height: map.get($input-height, 'default') - 8px;
min-width: 4px;
width: 100%;
@@ -98,7 +98,7 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
background: 0 0;
border: none;
margin: 0;
margin: 2px 0;
outline: none;
padding: 0;
}
@@ -126,7 +126,7 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
@include m($size) {
@include e(wrapper) {
#{$selector}__combobox-input {
height: map.get($input-height, $size) - 6px;
height: map.get($input-height, $size) - 8px;
}
}
@include e(caret) {
@@ -305,4 +305,11 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
}
}
}
&.#{$namespace}-select-v2--small {
.#{$namespace}-select-v2__selection .#{$namespace}-tag {
margin: 1px 0 1px 6px;
height: 18px;
}
}
}