@element-plus/nightly 0.0.20220524 → 0.0.20220525

package/theme-chalk/src/common/var.scss

@@ -1147,6 +1147,16 @@ $timeline: map.merge(
   $timeline
 );
 
+// Tabs
+// css3 var in packages/theme-chalk/src/tabs.scss
+$tabs: () !default;
+$tabs: map.merge(
+  (
+    'header-height': 40px,
+  ),
+  $tabs
+);
+
 // Backtop
 // css3 var in packages/theme-chalk/src/backtop.scss
 $backtop: () !default;

package/theme-chalk/src/date-picker/picker.scss

@@ -39,7 +39,7 @@
   &.#{$namespace}-input,
   &.#{$namespace}-input__wrapper {
     width: getCssVar('date-editor-width');
-    height: getCssVar('component-size', '');
+    height: var(#{getCssVarName('input-height')}, getCssVar('component-size'));
   }
 
   @include m((monthrange)) {

package/theme-chalk/src/select-v2.scss

@@ -217,6 +217,10 @@ $input-inline-start: map.get($input-padding-horizontal, 'default') !default;
       #{getCssVarName('input-icon-color')},
       map.get($input, 'icon-color')
     );
+
+    .#{$namespace}-input__icon {
+      height: inherit;
+    }
   }
 
   @include e(caret) {

package/theme-chalk/src/tabs.scss

@@ -2,6 +2,8 @@
 @use 'common/var' as *;
 
 @include b(tabs) {
+  @include set-component-css-var('tabs', $tabs);
+
   @include e(header) {
     padding: 0;
     position: relative;
@@ -106,9 +108,9 @@
   }
   @include e(item) {
     padding: 0 20px;
-    height: 40px;
+    height: getCssVar('tabs', 'header-height');
     box-sizing: border-box;
-    line-height: 40px;
+    line-height: getCssVar('tabs', 'header-height');
     display: inline-block;
     list-style: none;
     font-size: getCssVar('font-size-base');
@@ -168,6 +170,7 @@
   @include m(card) {
     > .#{$namespace}-tabs__header {
       border-bottom: 1px solid getCssVar('border-color-light');
+      height: getCssVar('tabs', 'header-height');
     }
     > .#{$namespace}-tabs__header .#{$namespace}-tabs__nav-wrap::after {
       content: none;