test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-13 17:05:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(components): [tabs] card type fixed height (#7840)

Browse Source
This commit is contained in:
류한경 2022-05-25 22:54:17 +09:00 committed by GitHub
parent ca58f2beb3
commit e4bb98102c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/theme-chalk/src/common/var.scss
View File

@ -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;

7
packages/theme-chalk/src/tabs.scss
View File

@ -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;