fix: tabs card type rtl style (#25936)

This commit is contained in:
xrkffgg 2020-07-31 16:43:12 +08:00 committed by GitHub
parent ec042c66c2
commit 0b27e54be5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -3,7 +3,8 @@
@tab-prefix-cls: ~'@{ant-prefix}-tabs';
.@{tab-prefix-cls}-rtl {
.@{tab-prefix-cls} {
&-rtl {
direction: rtl;
.@{tab-prefix-cls}-nav {
@ -47,14 +48,19 @@
order: 1;
}
}
}
// ====================== Card ======================
&.@{tab-prefix-cls}-card {
&-card {
&.@{tab-prefix-cls}-top,
&.@{tab-prefix-cls}-bottom {
> .@{tab-prefix-cls}-nav {
button.@{tab-prefix-cls}-tab:not(:last-of-type) {
margin: 0 0 0 @tabs-card-gutter;
> .@{tab-prefix-cls}-nav,
> div > .@{tab-prefix-cls}-nav {
.@{tab-prefix-cls}-tab:not(:last-of-type) {
.@{tab-prefix-cls}-rtl& {
margin-right: 0;
margin-left: @tabs-card-gutter;
}
}
}
}