浏览代码

docs: Fixed the problem that when Select is in multiple/small size, if the token of border is not set to 1, the minimum height will be incorrect (#2878)

YyumeiZhang 3 月之前
父节点
当前提交
669cfbbf42
共有 2 个文件被更改,包括 3 次插入4 次删除
  1. 3 3
      packages/semi-foundation/select/select.scss
  2. 0 1
      packages/semi-foundation/select/variables.scss

+ 3 - 3
packages/semi-foundation/select/select.scss

@@ -245,7 +245,7 @@ $overflowList: #{$prefix}-overflow-list;
 
         .#{$module}-content-wrapper {
             width: 100%;
-            min-height: $height-select_multiple_content_wrapper-minHeight;
+            min-height: $height-select_default - 2 * $width-select-border ;
             flex-wrap: wrap;
 
             &-empty {
@@ -276,13 +276,13 @@ $overflowList: #{$prefix}-overflow-list;
 
     &-multiple.#{$module}-large {
         .#{$module}-content-wrapper {
-            min-height: $height-select_large - 2;
+            min-height: $height-select_large - 2 * $width-select-border;
         }
     }
 
     &-multiple.#{$module}-small {
         .#{$module}-content-wrapper {
-            min-height: $height-select_small - 2;
+            min-height: $height-select_small - 2 * $width-select-border;
         }
     }
 

+ 0 - 1
packages/semi-foundation/select/variables.scss

@@ -71,7 +71,6 @@ $width-select_arrow: 32px; // 选择器输入框下拉箭头宽度
 $width-select_arrow_empty: 12px; // 选择器输入框下拉箭头为空时(有suffix icon)宽度
 $width-select_clear-icon: 32px; // 选择器输入框清空按钮宽度
 $width-select_group_top-border: $border-thickness-control; // 选择器菜单分组标题描边宽度
-$height-select_multiple_content_wrapper-minHeight: $height-select_default - 2px; // 多项选择器标签组最小高度
 
 $height-select_multiple_input_small: 20px; // 小尺寸多项选择器输入框Input框高度
 $height-select_multiple_input_default: 24px; // 默认多项选择器输入框Input框高度