fix: some tabs style (#17500)

* 🐛 Fix Tabs disabled tab style close #17468 * 🐛 Fix Tabs next icon right 2px bug close #17477
ant-design · Jul 7, 2019 · 1d2bc07 · 1d2bc07
1 parent 47b85c9
commit 1d2bc07
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/components/tabs/style/card-style.less b/components/tabs/style/card-style.less
@@ -29,6 +29,10 @@
     border-color: @border-color-split;
     border-bottom: @border-width-base solid @component-background;
   }
+  &&-card &-card-bar &-tab-disabled {
+    color: @tabs-card-active-color;
+    color: @disabled-color;
+  }
   &&-card &-card-bar &-tab-inactive {
     padding: 0;
   }

diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less
@@ -197,18 +197,18 @@
         margin-right: 8px;
       }
 
+      &-active {
+        color: @tabs-highlight-color;
+        font-weight: 500;
+      }
+
       &-disabled {
         &,
         &:hover {
           color: @disabled-color;
           cursor: not-allowed;
         }
       }
-
-      &-active {
-        color: @tabs-highlight-color;
-        font-weight: 500;
-      }
     }
   }
 
@@ -259,14 +259,9 @@
   .@{tab-prefix-cls}-right-bar {
     height: 100%;
     border-bottom: 0;
-    &-tab-prev,
-    &-tab-next {
-      width: @tabs-scrolling-size;
-      height: 0;
-      transition: height 0.3s @ease-in-out, opacity 0.3s @ease-in-out, color 0.3s @ease-in-out;
-    }
-    &-tab-prev.@{tab-prefix-cls}-tab-arrow-show,
-    &-tab-next.@{tab-prefix-cls}-tab-arrow-show {
+
+    .@{tab-prefix-cls}-tab-arrow-show,
+    .@{tab-prefix-cls}-tab-arrow-show {
       width: 100%;
       height: @tabs-scrolling-size;
     }
@@ -320,6 +315,7 @@
     }
 
     .@{tab-prefix-cls}-tab-next {
+      right: 0;
       bottom: 0;
       width: 100%;
       height: @tabs-scrolling-size;