瀏覽代碼

style(cascader): tag alignment in multi-select mode (#643)

* style(cascader): tag alignment in multi-select mode

* style(cascader): change scss variable name
chenc 3 年之前
父節點
當前提交
e03e896beb
共有 2 個文件被更改,包括 4 次插入3 次删除
  1. 2 2
      packages/semi-foundation/cascader/cascader.scss
  2. 2 1
      packages/semi-foundation/cascader/variables.scss

+ 2 - 2
packages/semi-foundation/cascader/cascader.scss

@@ -111,7 +111,7 @@ $module: #{$prefix}-cascader;
         }
 
         &-tag {
-            margin: $spacing-cascader_selection_tag-marginY $spacing-cascader_selection_tag-marginX;
+            margin: $spacing-cascader_selection_tag-marginY $spacing-cascader_selection_tag-marginRight $spacing-cascader_selection_tag-marginY $spacing-cascader_selection_tag-marginLeft;
 
             &:first-child {
                 margin-left: 0;
@@ -120,7 +120,7 @@ $module: #{$prefix}-cascader;
             &-disabled.#{$prefix}-tag {
                 color: $color-cascader_input_disabled-text-default;
                 cursor: not-allowed;
-                
+
                 .#{$prefix}-tag-close {
                     color: $color-cascader_input_disabled-text-default;
                     cursor: not-allowed;

+ 2 - 1
packages/semi-foundation/cascader/variables.scss

@@ -44,7 +44,8 @@ $spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内
 $spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距
 $spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距
 $spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距
-$spacing-cascader_selection_tag-marginX: $spacing-super-tight; // 级联选择触发器多选时标签的水平外边距
+$spacing-cascader_selection_tag-marginLeft: $spacing-none; // 级联选择触发器多选时标签的水平左外边距
+$spacing-cascader_selection_tag-marginRight: $spacing-super-tight; // 级联选择触发器多选时标签的水平右外边距
 $spacing-cascader_selection_tag-marginY: 1px; // 级联选择触发器多选时标签的垂直外边距
 $spacing-cascader_selection_tagInput-marginLeft: - $spacing-extra-tight; // 级联选择触发器多选搜索时 TagInput 的左外边距
 $spacing-cascader_selection_input-marginLeft: $spacing-extra-tight; // 级联选择触发器多选搜索时输入框的左外边距