mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 13:09:40 +08:00
Code Issues Actions 50 Packages Projects Releases Wiki Activity

fix: should not affect nested tabs, close: #6431

Browse Source
This commit is contained in:
Benjy Cui 2017-06-23 15:02:23 +08:00
parent 24364e5bf9
commit 3ce1680ab7
2 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/tabs/demo/slide.md
View File

@ -7,11 +7,11 @@ title:
## zh-CN
可以左右滑动，容纳更多标签。
可以左右、上下滑动，容纳更多标签。
## en-US
Tab can be slide to left or right, which is used for a lot of tabs.
Tab can be slide to left or right(up or down), which is used for a lot of tabs.
````jsx
import { Tabs, Radio } from 'antd';

28
components/tabs/style/index.less
View File

@ -263,21 +263,23 @@
margin-top: 0!important;
}
> .@{tab-prefix-cls}-tab-next {
width: 100%;
bottom: 0;
height: 32px;
&-icon:before {
content: "\e61d";
> .@{tab-prefix-cls}-bar {
.@{tab-prefix-cls}-tab-next {
width: 100%;
bottom: 0;
height: 32px;
&-icon:before {
content: "\e61d";
}
}
}
> .@{tab-prefix-cls}-tab-prev {
top: 0;
width: 100%;
height: 32px;
&-icon:before {
content: "\e61e";
.@{tab-prefix-cls}-tab-prev {
top: 0;
width: 100%;
height: 32px;
&-icon:before {
content: "\e61e";
}
}
}
}