mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-12 04:13:13 +08:00
Code Issues Actions 26 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-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 {
padding: 0;
}

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

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