fix: #1493

XiaoMi · Jan 5, 2021 · 922acb3 · 922acb3
1 parent be7b178
commit 922acb3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 3.3.1
 
 - 修复 `SelectTree` 搜索输入框在输入值时失焦问题 [#1491](https://github.com/XiaoMi/hiui/issues/1491)
+- 修复 `Tabs` 组件垂直方向样式显示错误 [#1493](https://github.com/XiaoMi/hiui/issues/1493)
 ## 3.3.0
 - 新增 `Card` 模式模式下 loading 加载中状态 [#1454](https://github.com/XiaoMi/hiui/issues/1454)
 - 新增 `Table` loading 加载中状态 [#1466](https://github.com/XiaoMi/hiui/issues/1466)

diff --git a/components/tabs/style/index.scss b/components/tabs/style/index.scss
@@ -15,6 +15,7 @@ $prefix: 'hi-tabs' !default;
     cursor: pointer;
     border: 1px solid transparent;
     transition: all 300ms;
+
     &:not(&--disabled):focus {
       outline: none;
       color: use-color('primary');
@@ -112,6 +113,12 @@ $prefix: 'hi-tabs' !default;
     }
   }
 
+  &.hi-tabs--line:not(.hi-tabs--vertical) {
+    .hi-tabs__item:first-of-type {
+      padding-left: 0;
+    }
+  }
+
   &--card.#{$prefix}--vertical {
     display: flex;
     flex-wrap: nowrap;
@@ -290,10 +297,6 @@ $prefix: 'hi-tabs' !default;
         padding: 0 16px;
         box-sizing: border-box;
 
-        &:first-of-type {
-          padding-left: 0;
-        }
-
         &:hover {
           color: use-color('primary');
         }