Skip to content

Commit da1ac94

Browse files
authored
fix(components): [tab] fix style when tab position is bottom (element-plus#18425)
* fix(components): [tab] fix style when tab position is bottom * style: remove redundant style
1 parent ddcae63 commit da1ac94

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

packages/theme-chalk/src/tabs.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,9 @@
2929
transform getCssVar('transition-duration')
3030
getCssVar('transition-function-ease-in-out-bezier');
3131
list-style: none;
32+
&.is-bottom {
33+
bottom: auto;
34+
}
3235
}
3336
@include e(new-tab) {
3437
display: flex;
@@ -81,6 +84,11 @@
8184
z-index: getCssVar('index-normal');
8285
}
8386

87+
&.is-bottom::after {
88+
top: 0;
89+
bottom: auto;
90+
}
91+
8492
@include when(scrollable) {
8593
padding: 0 20px;
8694
box-sizing: border-box;

0 commit comments

Comments
 (0)