Jelajahi Sumber

Chalk: fix styles for vertical Slider and nested Tabs

Leopoldthecoder 7 tahun lalu
induk
melakukan
513294d159

+ 2 - 2
packages/theme-chalk/src/slider.scss

@@ -140,12 +140,12 @@
   @include when(vertical) {
     position: relative;
     .el-slider__runway {
-      width: 4px;
+      width: $--slider-height;
       height: 100%;
       margin: 0 16px;
     }
     .el-slider__bar {
-      width: 4px;
+      width: $--slider-height;
       height: auto;
       border-radius: 0 0 3px 3px;
     }

+ 5 - 3
packages/theme-chalk/src/tabs.scss

@@ -229,9 +229,11 @@
       padding-left: 0;
     }
 
-    &.el-tabs--border-card .el-tabs__item:nth-child(2),
-    &.el-tabs--card .el-tabs__item:nth-child(2) {
-      padding-left: 20px;
+    &.el-tabs--border-card, &.el-tabs--card,
+    .el-tabs--left, .el-tabs--right {
+      .el-tabs__item:nth-child(2) {
+        padding-left: 20px;
+      }
     }
   }
   @include m(bottom) {