fix(color-picker): Optimize background overflow for color control bar

arco-design · May 6, 2024 · fdd7e3b · fdd7e3b
1 parent fd5f01f
commit fdd7e3b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/web-vue/components/color-picker/style/index.less b/packages/web-vue/components/color-picker/style/index.less
@@ -216,6 +216,7 @@
       transparent 0
     );
     background-size: 8px 8px;
+    border-radius: @color-control-bar-border-radius;
   }
 
   .@{color-picker-prefix-cls}-control-bar {
@@ -224,7 +225,7 @@
     width: @color-control-bar-width;
     height: @color-control-bar-height;
     border: 1px solid @color-panel-border-color;
-    border-radius: 10px;
+    border-radius: @color-control-bar-border-radius;
     cursor: pointer;
 
     .@{color-picker-prefix-cls}-handler {

diff --git a/packages/web-vue/components/color-picker/style/token.less b/packages/web-vue/components/color-picker/style/token.less
@@ -51,6 +51,7 @@
 @color-control-bar-height: 14px;
 @color-control-bar-handle-size: @size-4;
 @color-control-bar-alpha-margin-top: @spacing-6;
+@color-control-bar-border-radius: 10px;
 
 @color-panel-input-margin-top: @spacing-6;
 @color-panel-input-group-margin-left: @spacing-6;