mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 11:32:52 +08:00
Code Issues Actions 38 Packages Projects Releases Wiki Activity

fix: tabs card type rtl style (#25936)

Browse Source
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
1 changed files with 42 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
components/tabs/style/rtl.less
View File

@ -3,58 +3,64 @@
@tab-prefix-cls: ~'@{ant-prefix}-tabs'; @tab-prefix-cls: ~'@{ant-prefix}-tabs';
.@{tab-prefix-cls}-rtl { .@{tab-prefix-cls} {
direction: rtl; &-rtl {
direction: rtl;
.@{tab-prefix-cls}-nav { .@{tab-prefix-cls}-nav {
.@{tab-prefix-cls}-tab { .@{tab-prefix-cls}-tab {
margin: @tabs-horizontal-margin-rtl; margin: @tabs-horizontal-margin-rtl;
&:last-of-type { &:last-of-type {
margin-left: 0; margin-left: 0;
} }
.@{iconfont-css-prefix} {
margin-right: 0;
margin-left: @margin-sm;
}
.@{tab-prefix-cls}-tab-remove {
margin-right: @margin-xs;
margin-left: -@margin-xss;
.@{iconfont-css-prefix} { .@{iconfont-css-prefix} {
margin: 0; margin-right: 0;
margin-left: @margin-sm;
}
.@{tab-prefix-cls}-tab-remove {
margin-right: @margin-xs;
margin-left: -@margin-xss;
.@{iconfont-css-prefix} {
margin: 0;
}
} }
} }
} }
}
&.@{tab-prefix-cls}-left { &.@{tab-prefix-cls}-left {
> .@{tab-prefix-cls}-nav { > .@{tab-prefix-cls}-nav {
order: 1; order: 1;
}
> .@{tab-prefix-cls}-content-holder {
order: 0;
}
} }
> .@{tab-prefix-cls}-content-holder {
order: 0;
}
}
&.@{tab-prefix-cls}-right { &.@{tab-prefix-cls}-right {
> .@{tab-prefix-cls}-nav { > .@{tab-prefix-cls}-nav {
order: 0; order: 0;
} }
> .@{tab-prefix-cls}-content-holder { > .@{tab-prefix-cls}-content-holder {
order: 1; order: 1;
}
} }
} }
// ====================== Card ====================== // ====================== Card ======================
&.@{tab-prefix-cls}-card { &-card {
&.@{tab-prefix-cls}-top, &.@{tab-prefix-cls}-top,
&.@{tab-prefix-cls}-bottom { &.@{tab-prefix-cls}-bottom {
> .@{tab-prefix-cls}-nav { > .@{tab-prefix-cls}-nav,
button.@{tab-prefix-cls}-tab:not(:last-of-type) { > div > .@{tab-prefix-cls}-nav {
margin: 0 0 0 @tabs-card-gutter; .@{tab-prefix-cls}-tab:not(:last-of-type) {
.@{tab-prefix-cls}-rtl& {
margin-right: 0;
margin-left: @tabs-card-gutter;
}
} }
} }
} }