style: Fixed the problem that when Cascader has no options and the em…

…ptyContent is hovering, the background color will exceed the popup layer area (#2377)
DouyinFE · Jul 26, 2024 · 4b6f675 · 4b6f675
1 parent 066e632
commit 4b6f675
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/semi-foundation/cascader/cascader.scss b/packages/semi-foundation/cascader/cascader.scss
@@ -315,6 +315,7 @@ $module: #{$prefix}-cascader;
 
     .#{$module}-option-empty {
         @include font-size-regular;
+        border-radius: $radius-cascader_option_empty;
         min-width: $width-cascader_option;
         color: $color-cascader_option_empty-text-default;
         margin: 0;
@@ -424,6 +425,7 @@ $module: #{$prefix}-cascader;
         color: $color-cascader_option_main-text-default;
         position: relative;
 
+
         &:hover {
             background-color: $color-cascader_option-bg-hover;
         }

diff --git a/packages/semi-foundation/cascader/variables.scss b/packages/semi-foundation/cascader/variables.scss
@@ -1,4 +1,5 @@
 $radius-cascader: var(--semi-border-radius-small); // 级联选择菜单圆角
+$radius-cascader_option_empty: var(--semi-border-radius-medium); // 级联选择菜单空状态圆角
 
 $color-cascader_default-border-default: transparent; // 级联选择描边颜色 - 默认
 $color-cascader_default-border-hover: transparent; // 级联选择描边颜色 - 悬浮