style: add range-picker header overflow fix

alauda · Jun 18, 2024 · eed0ff8 · eed0ff8
1 parent d68ba38
commit eed0ff8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/date-picker/calendar/header/style.scss b/src/date-picker/calendar/header/style.scss
@@ -2,6 +2,7 @@
 
 $block: aui-calendar-header;
 $prev-next-icon-button-width: 24px;
+$prev-next-icon-button-spacing: 2px;
 
 .#{$block} {
   &__container {
@@ -13,7 +14,10 @@ $prev-next-icon-button-width: 24px;
 
   &__nav-content {
     flex: 1;
-    max-width: calc(100% - $prev-next-icon-button-width * 4);
+    max-width: calc(
+      100% - $prev-next-icon-button-width * 4 - $prev-next-icon-button-spacing *
+        2
+    );
     display: flex;
     flex-wrap: wrap;
     justify-content: center;

diff --git a/src/date-picker/calendar/range-picker-panel/style.scss b/src/date-picker/calendar/range-picker-panel/style.scss
@@ -41,6 +41,7 @@ $block: aui-date-range-picker-panel;
 
     aui-calendar-header {
       flex: 0 0 $range-picker-header-width;
+      max-width: 50%;
     }
   }