From 6d779fd5c7cf86d57fd0148c0a4d39f0686366dd Mon Sep 17 00:00:00 2001
From: msidolphin <msidolphin@outlook.com>
Date: Sat, 22 Jan 2022 10:13:53 +0800
Subject: [PATCH] fix(components): [el-select-v2] optimize component size
 (#5531)

---
 packages/theme-chalk/src/select-v2.scss | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/theme-chalk/src/select-v2.scss b/packages/theme-chalk/src/select-v2.scss
index ce324f6841..4f29459c98 100644
--- a/packages/theme-chalk/src/select-v2.scss
+++ b/packages/theme-chalk/src/select-v2.scss
@@ -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;
+    }
+  }
 }