mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-19 14:53:16 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity

Fix nested tabs style (#1437)

Browse Source
This commit is contained in:
afc163 2016-04-17 17:56:06 +08:00
parent 05299036b4
commit 8a52195f39
1 changed files with 65 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

135
style/components/tabs.less
View File

@ -281,113 +281,108 @@
} }
&-vertical { &-vertical {
.@{tab-prefix-cls}-tab { > .@{tab-prefix-cls}-bar {
float: none; border-bottom: 0;
margin-right: 0;
margin-bottom: 16px; .@{tab-prefix-cls}-tab {
&:last-child { float: none;
margin-right: 0;
margin-bottom: 16px;
&:last-child {
margin-bottom: 0;
}
.@{tab-prefix-cls}-tab-inner {
padding: 8px 24px;
}
}
.@{tab-prefix-cls}-nav-scroll {
width: auto;
}
.@{tab-prefix-cls}-nav-container {
margin-bottom: 0; margin-bottom: 0;
} }
.@{tab-prefix-cls}-tab-inner {
padding: 8px 24px; .@{tab-prefix-cls}-nav-wrap {
margin-bottom: 0;
}
.@{tab-prefix-cls}-ink-bar {
width: 2px;
left: auto;
height: auto;
&-transition-forward {
transition: bottom 0.3s @ease-in-out,
top 0.3s @ease-in-out 0.3s * 0.3;
}
&-transition-backward {
transition: bottom 0.3s @ease-in-out 0.3s * 0.3,
top 0.3s @ease-in-out;
}
} }
} }
.@{tab-prefix-cls}-nav-scroll { > .@{tab-prefix-cls}-content {
width: auto;
}
.@{tab-prefix-cls}-bar {
border-bottom: 0;
}
.@{tab-prefix-cls}-nav-container {
margin-bottom: 0;
}
.@{tab-prefix-cls}-nav-wrap {
margin-bottom: 0;
}
.@{tab-prefix-cls}-ink-bar {
width: 2px;
left: auto;
height: auto;
&-transition-forward {
transition: bottom 0.3s @ease-in-out,
top 0.3s @ease-in-out 0.3s * 0.3;
}
&-transition-backward {
transition: bottom 0.3s @ease-in-out 0.3s * 0.3,
top 0.3s @ease-in-out;
}
}
.@{tab-prefix-cls}-container {
margin-bottom: 0;
}
.@{tab-prefix-cls}-content {
overflow: hidden; overflow: hidden;
width: auto; width: auto;
} }
} }
&-vertical&-left { &-vertical&-left {
.@{tab-prefix-cls}-bar { > .@{tab-prefix-cls}-bar {
float: left; float: left;
border-right: 1px solid @border-color-split; border-right: 1px solid @border-color-split;
margin-right: -1px; margin-right: -1px;
margin-bottom: 0; margin-bottom: 0;
} .@{tab-prefix-cls}-tab {
.@{tab-prefix-cls}-tab { .@{tab-prefix-cls}-tab-inner {
.@{tab-prefix-cls}-tab-inner { text-align: right;
text-align: right; }
}
.@{tab-prefix-cls}-nav-container {
margin-right: -1px;
}
.@{tab-prefix-cls}-nav-wrap {
margin-right: -1px;
}
.@{tab-prefix-cls}-ink-bar {
right: 1px;
} }
} }
.@{tab-prefix-cls}-nav-container { > .@{tab-prefix-cls}-content {
margin-right: -1px;
}
.@{tab-prefix-cls}-nav-wrap {
margin-right: -1px;
}
.@{tab-prefix-cls}-ink-bar {
right: 1px;
}
.@{tab-prefix-cls}-content {
padding-left: 24px; padding-left: 24px;
border-left: 1px solid @border-color-split; border-left: 1px solid @border-color-split;
} }
} }
&-vertical&-right { &-vertical&-right {
.@{tab-prefix-cls}-bar { > .@{tab-prefix-cls}-bar {
float: right; float: right;
border-left: 1px solid @border-color-split; border-left: 1px solid @border-color-split;
margin-left: -1px; margin-left: -1px;
margin-bottom: 0; margin-bottom: 0;
.@{tab-prefix-cls}-nav-container {
margin-left: -1px;
}
.@{tab-prefix-cls}-nav-wrap {
margin-left: -1px;
}
.@{tab-prefix-cls}-ink-bar {
left: 1px;
}
} }
.@{tab-prefix-cls}-nav-container { > .@{tab-prefix-cls}-content {
margin-left: -1px;
}
.@{tab-prefix-cls}-nav-wrap {
margin-left: -1px;
}
.@{tab-prefix-cls}-ink-bar {
left: 1px;
}
.@{tab-prefix-cls}-content {
padding-right: 24px; padding-right: 24px;
border-right: 1px solid @border-color-split; border-right: 1px solid @border-color-split;
} }
} }
&-bottom &-bar { &-bottom > &-bar {
margin-bottom: 0; margin-bottom: 0;
margin-top: 16px; margin-top: 16px;
} }
// card style // card style
&&-card &-nav-container { &&-card &-nav-container {
height: 36px; height: 36px;