test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-29 18:50:00 +08:00
Code Issues Actions 48 Packages Projects Releases Wiki Activity

fix: Tabs tabBarGutter wrong style (#31469)

Browse Source 
* chore: upgrade rc-tabs

* fix: Tabs tabBarGutter bugs

1. first tab should not have gutter
2. add button lost gutter
3. rtl issue

close #31462

* fix snapshot
This commit is contained in:
afc163 2021-07-22 15:05:39 +08:00 committed by GitHub
parent dece6773c9
commit 568a999137
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/tabs/__tests__/__snapshots__/index.test.js.snap
View File

@ -128,7 +128,6 @@ exports[`Tabs tabBarGutter should work 1`] = `
>
<div
class="ant-tabs-tab ant-tabs-tab-active"
style="margin-left:0"
>
<div
aria-selected="true"
@ -246,7 +245,6 @@ exports[`Tabs tabBarGutter should work 2`] = `
>
<div
class="ant-tabs-tab ant-tabs-tab-active"
style="margin-top:0"
>
<div
aria-selected="true"

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

@ -81,6 +81,7 @@
.@{tab-prefix-cls}-nav-add {
min-width: @tabs-card-height;
margin-left: @tabs-card-gutter;
padding: 0 @padding-xs;
background: @tabs-card-head-background;
border: @border-width-base @border-style-base @border-color-split;

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

@ -58,8 +58,14 @@
> div > .@{tab-prefix-cls}-nav {
.@{tab-prefix-cls}-tab + .@{tab-prefix-cls}-tab {
.@{tab-prefix-cls}-rtl& {
margin-right: 0;
margin-left: @tabs-card-gutter;
margin-right: @tabs-card-gutter;
margin-left: 0;
}
}
.@{tab-prefix-cls}-nav-add {
.@{tab-prefix-cls}-rtl& {
margin-right: @tabs-card-gutter;
margin-left: 0;
}
}
}

2
package.json
View File

@ -140,7 +140,7 @@
"rc-steps": "~4.1.0",
"rc-switch": "~3.2.0",
"rc-table": "~7.15.1",
"rc-tabs": "~11.9.1",
"rc-tabs": "~11.10.0",
"rc-textarea": "~0.3.0",
"rc-tooltip": "~5.1.1",
"rc-tree": "~4.2.1",