fix(Tabs): fix tab nav and panel style (#1083)

* fix(Tabs): remove padding & margin when tab panel inactive, close #1085 * fix(Tabs): icon add line height reset, close #1076
alibaba-fusion · Sep 2, 2019 · 318605e · 318605e
1 parent 86eedfe
commit 318605e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/src/tab/main.scss b/src/tab/main.scss
@@ -101,6 +101,8 @@
         visibility: hidden;
         opacity: 0;
         height: 0;
+        margin: 0 !important;
+        padding: 0 !important;
 
         &.active {
             visibility: visible;

diff --git a/src/tab/scss/mixin.scss b/src/tab/scss/mixin.scss
@@ -162,6 +162,7 @@
 
         .#{$css-prefix}icon {
             @include icon-size($tab-icon-size);
+            line-height: 1;
         }
 
         .#{$css-prefix}tabs-tab-close {

diff --git a/src/tab/scss/variable.scss b/src/tab/scss/variable.scss
@@ -340,7 +340,7 @@ $tab-capsule-tab-border-line-color: $color-line1-3 !default;
 
 /// border
 /// @namespace statement/hover/tab
-$tab-capsule-tab-border-line-color-hover: $color-brand1-6 !default;
+$tab-capsule-tab-border-line-color-hover: $color-line1-3 !default;
 
 /// border
 /// @namespace statement/selected/tab