Sfoglia il codice sorgente

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 anni fa
parent
commit
e03e896beb

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

@@ -111,7 +111,7 @@ $module: #{$prefix}-cascader;
         }
         }
 
 
         &-tag {
         &-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 {
             &:first-child {
                 margin-left: 0;
                 margin-left: 0;
@@ -120,7 +120,7 @@ $module: #{$prefix}-cascader;
             &-disabled.#{$prefix}-tag {
             &-disabled.#{$prefix}-tag {
                 color: $color-cascader_input_disabled-text-default;
                 color: $color-cascader_input_disabled-text-default;
                 cursor: not-allowed;
                 cursor: not-allowed;
-                
+
                 .#{$prefix}-tag-close {
                 .#{$prefix}-tag-close {
                     color: $color-cascader_input_disabled-text-default;
                     color: $color-cascader_input_disabled-text-default;
                     cursor: not-allowed;
                     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-paddingRight: 12px; // 级联选择触发器右侧内边距
 $spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距
 $spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距
 $spacing-cascader_selection_multiple-paddingRight: $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_tag-marginY: 1px; // 级联选择触发器多选时标签的垂直外边距
 $spacing-cascader_selection_tagInput-marginLeft: - $spacing-extra-tight; // 级联选择触发器多选搜索时 TagInput 的左外边距
 $spacing-cascader_selection_tagInput-marginLeft: - $spacing-extra-tight; // 级联选择触发器多选搜索时 TagInput 的左外边距
 $spacing-cascader_selection_input-marginLeft: $spacing-extra-tight; // 级联选择触发器多选搜索时输入框的左外边距
 $spacing-cascader_selection_input-marginLeft: $spacing-extra-tight; // 级联选择触发器多选搜索时输入框的左外边距