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

css: the style should follow design

Browse Source
This commit is contained in:
Benjy Cui 2016-10-28 15:18:29 +08:00
parent d70ff98f9f
commit a3ec948dcd
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/tabs/index.en-US.md
View File

@ -28,7 +28,7 @@ Ant Design has 3 types Tabs for different situation.
| onTabClick | Callback when tab is clicked | Function | - |
| tabBarExtraContent | Extra element in tab bar | React.ReactNode | - |
| type | Basic style of tabs. Options: line, card & editable-card | string | line |
| size | Tab bar size. Options: default, small | string | default |
| size | Tab bar size. Options: default, small. Only works while `type="line"`. | string | default |
| tabPosition | Position of tabs. Options: top, right, bottom & left | string | top |
| onEdit | Callback when tab is added or removed, which is executing when set type as editable-card | (targetKey, action): void | - |
| hideAdd | Hide plus icon or not, which is effective when set type as editable-card | boolean | false |

2
components/tabs/index.zh-CN.md
View File

@ -29,7 +29,7 @@ Ant Design 依次提供了三级选项卡，分别用于不同的场景。
| onTabClick | tab 被点击的回调 | Function | 无 |
| tabBarExtraContent | tab bar 上额外的元素 | React.ReactNode | 无 |
| type | 页签的基本样式，可选 `line`、`card` `editable-card` 类型 | string | 'line' |
| size | 大小，提供 `default` 和 `small` 两种大小 | string | 'default' |
| size | 大小，提供 `default` 和 `small` 两种大小，仅当 `type="line"` 时生效。 | string | 'default' |
| tabPosition | 页签位置，可选值有 `top` `right` `bottom` `left` | string | 'top' |
| onEdit | 新增和删除页签的回调，在 `type="editable-card"` 时有效 | (targetKey, action): void | 无 |
| hideAdd | 是否隐藏加号图标，在 `type="editable-card"` 时有效 | boolean | false |

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

@ -304,7 +304,7 @@
// card style
&&-card > &-bar &-nav-container {
height: 36px;
height: 32px;
}
&&-card > &-bar &-ink-bar {
visibility: hidden;
@ -319,7 +319,7 @@
margin-right: 2px;
}
&&-card > &-bar &-tab {
padding: 7px 16px 6px;
padding: 5px 16px 4px;
transition: all 0.3s @ease-in-out;
}
&&-card > &-bar &-tab-active {
@ -329,7 +329,7 @@
color: @primary-color;
}
&&-card > &-bar &-tab-active {
padding-bottom: 7px;
padding-bottom: 5px;
transform: translateZ(0);
}
&&-card > &-bar &-nav-wrap {