mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-20 01:41:51 +08:00
Code Issues Actions 36 Packages Projects Releases Wiki Activity

fix: some tabs style (#17500)

Browse Source 
* 🐛 Fix Tabs disabled tab style

close #17468

* 🐛 Fix Tabs next icon right 2px bug

close #17477
This commit is contained in:
偏右 2019-07-07 12:04:40 +08:00 committed by zombieJ
parent 47b85c9d8b
commit 1d2bc0792b
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/tabs/style/card-style.less
View File

@ -29,6 +29,10 @@
border-color: @border-color-split; border-color: @border-color-split;
border-bottom: @border-width-base solid @component-background; border-bottom: @border-width-base solid @component-background;
} }
&&-card &-card-bar &-tab-disabled {
color: @tabs-card-active-color;
color: @disabled-color;
}
&&-card &-card-bar &-tab-inactive { &&-card &-card-bar &-tab-inactive {
padding: 0; padding: 0;
} }

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

@ -197,6 +197,11 @@
margin-right: 8px; margin-right: 8px;
} }
&-active {
color: @tabs-highlight-color;
font-weight: 500;
}
&-disabled { &-disabled {
&, &,
&:hover { &:hover {
@ -204,11 +209,6 @@
cursor: not-allowed; cursor: not-allowed;
} }
} }
&-active {
color: @tabs-highlight-color;
font-weight: 500;
}
} }
} }
@ -259,14 +259,9 @@
.@{tab-prefix-cls}-right-bar { .@{tab-prefix-cls}-right-bar {
height: 100%; height: 100%;
border-bottom: 0; border-bottom: 0;
&-tab-prev,
&-tab-next { .@{tab-prefix-cls}-tab-arrow-show,
width: @tabs-scrolling-size; .@{tab-prefix-cls}-tab-arrow-show {
height: 0;
transition: height 0.3s @ease-in-out, opacity 0.3s @ease-in-out, color 0.3s @ease-in-out;
}
&-tab-prev.@{tab-prefix-cls}-tab-arrow-show,
&-tab-next.@{tab-prefix-cls}-tab-arrow-show {
width: 100%; width: 100%;
height: @tabs-scrolling-size; height: @tabs-scrolling-size;
} }
@ -320,6 +315,7 @@
} }
.@{tab-prefix-cls}-tab-next { .@{tab-prefix-cls}-tab-next {
right: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: @tabs-scrolling-size; height: @tabs-scrolling-size;