another try of fixing tab style (#15458)

* another try of fixing tab style * fix card mode tab bottom line animation #15299 #15297 #15234
ant-design · Mar 18, 2019 · b1ec61a · b1ec61a
1 parent f080fa0
commit b1ec61a
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/components/tabs/style/card-style.less b/components/tabs/style/card-style.less
@@ -12,23 +12,22 @@
     visibility: hidden;
   }
   &&-card &-card-bar &-tab {
-    height: @tabs-card-height - 1px;
+    height: @tabs-card-height;
     margin: 0;
     margin-right: 2px;
     padding: 0 16px;
     line-height: @tabs-card-height - 2px;
     background: @tabs-card-head-background;
     border: @border-width-base @border-style-base @border-color-split;
-    border-bottom: 0;
     border-radius: @border-radius-base @border-radius-base 0 0;
     transition: all 0.3s @ease-in-out;
   }
   &&-card &-card-bar &-tab-active {
     height: @tabs-card-height;
-    padding-bottom: 1px;
     color: @tabs-card-active-color;
     background: @component-background;
     border-color: @border-color-split;
+    border-bottom: @border-width-base solid @component-background;
   }
   &&-card &-card-bar &-tab-inactive {
     padding: 0;