fix(tabs): [tabs] 修复页签关闭按钮悬浮问题和buttoncard下关闭按钮的样式问题 (#2425)

opentiny · Oct 28, 2024 · 58c81ef · 58c81ef
1 parent e02c169
commit 58c81ef
Showing 1 changed file with 15 additions and 8 deletions.
diff --git a/packages/theme/src/tabs/index.less b/packages/theme/src/tabs/index.less
@@ -255,8 +255,8 @@
 
       .@{tabs-prefix-cls}__icon-close {
         display: inline-flex;
-        width: 14px;
-        height: 14px;
+        width: var(--tv-Tabs-icon-size-close);
+        height: var(--tv-Tabs-icon-size-close);
         justify-content: center;
         align-items: center;
       }
@@ -588,6 +588,17 @@
       line-height: var(--tv-Tabs-button-card-item-height);
       border: 1px solid transparent;
 
+      .@{tabs-prefix-cls} {
+        &__icon-close {
+          margin-left: -20px;
+          margin-right: 24px;
+        }
+
+        &__item-separator {
+          left: 1px;
+        }
+      }
+
       &.is-disabled {
         color: var(--tv-Tabs-item-disabled-text-color);
 
@@ -634,11 +645,7 @@
           display: inline-flex;
           justify-content: center;
           align-items: center;
-          width: var(--tv-Tabs-icon-size-close);
-          height: var(--tv-Tabs-icon-size-close);
-          line-height: var(--tv-Tabs-icon-size-close);
           vertical-align: middle;
-          overflow: hidden;
           transform-origin: 100% 50%;
         }
       }
@@ -1223,8 +1230,8 @@
     height: 16px;
   }
 
-  &&--top &--button-card &__item:last-child &__item-separator,
-  &&--top &--button-card &__item.is-active &__item-separator {
+  &&--button-card &__item:last-child &__item-separator,
+  &&--button-card &__item.is-active &__item-separator {
     display: none;
   }