From a3ec948dcdc9d8a7f5be4fd21edb8dee86ea616d Mon Sep 17 00:00:00 2001 From: Benjy Cui Date: Fri, 28 Oct 2016 15:18:29 +0800 Subject: [PATCH] css: the style should follow design --- components/tabs/index.en-US.md | 2 +- components/tabs/index.zh-CN.md | 2 +- components/tabs/style/index.less | 6 +++--- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/components/tabs/index.en-US.md b/components/tabs/index.en-US.md index cf2946469e..55ee768ca4 100644 --- a/components/tabs/index.en-US.md +++ b/components/tabs/index.en-US.md @@ -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 | diff --git a/components/tabs/index.zh-CN.md b/components/tabs/index.zh-CN.md index e9d09d00ab..424cc39b4e 100644 --- a/components/tabs/index.zh-CN.md +++ b/components/tabs/index.zh-CN.md @@ -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 | diff --git a/components/tabs/style/index.less b/components/tabs/style/index.less index 7a71ba1368..f8fb2f67a7 100644 --- a/components/tabs/style/index.less +++ b/components/tabs/style/index.less @@ -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 {