mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-11 11:32:52 +08:00
Tweak table head icons style
This commit is contained in:
parent
a3271d9a03
commit
913daa2668
@ -50,19 +50,11 @@
|
|||||||
transition: all .3s;
|
transition: all .3s;
|
||||||
width: 14px;
|
width: 14px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: @text-color;
|
color: @text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
width: 14px;
|
|
||||||
height: 50px;
|
|
||||||
left: 0;
|
|
||||||
top: -19px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.@{table-prefix-cls}-column-sorter + .@{iconfont-css-prefix}-filter {
|
.@{table-prefix-cls}-column-sorter + .@{iconfont-css-prefix}-filter {
|
||||||
@ -218,6 +210,7 @@
|
|||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 14px;
|
width: 14px;
|
||||||
|
height: 14px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -225,7 +218,7 @@
|
|||||||
|
|
||||||
&-up,
|
&-up,
|
||||||
&-down {
|
&-down {
|
||||||
line-height: 4px;
|
line-height: 6px;
|
||||||
display: block;
|
display: block;
|
||||||
width: 14px;
|
width: 14px;
|
||||||
height: 6px;
|
height: 6px;
|
||||||
@ -243,18 +236,18 @@
|
|||||||
&:after {
|
&:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
content: '';
|
content: '';
|
||||||
height: 20px;
|
height: 30px;
|
||||||
width: 14px;
|
width: 14px;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-up:after {
|
&-up:after {
|
||||||
top: -19px;
|
top: -30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-down:after {
|
&-down:after {
|
||||||
bottom: -17px;
|
bottom: -30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.@{iconfont-css-prefix}-caret-up,
|
.@{iconfont-css-prefix}-caret-up,
|
||||||
|
@ -13,26 +13,6 @@
|
|||||||
.@{table-prefix-cls}-footer {
|
.@{table-prefix-cls}-footer {
|
||||||
padding: 12px 8px;
|
padding: 12px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.@{table-prefix-cls}-column-sorter-up:after {
|
|
||||||
top: -13px;
|
|
||||||
height: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{table-prefix-cls}-column-sorter-down:after {
|
|
||||||
bottom: -11px;
|
|
||||||
height: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{table-prefix-cls}-thead > tr > th {
|
|
||||||
.@{iconfont-css-prefix}-filter,
|
|
||||||
.@{table-prefix-cls}-filter-icon {
|
|
||||||
&:after {
|
|
||||||
height: 38px;
|
|
||||||
top: -13px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.@{table-prefix-cls}-small {
|
.@{table-prefix-cls}-small {
|
||||||
@ -51,13 +31,6 @@
|
|||||||
> .@{table-prefix-cls}-thead > tr > th {
|
> .@{table-prefix-cls}-thead > tr > th {
|
||||||
background: @component-background;
|
background: @component-background;
|
||||||
border-bottom: @border-width-base @border-style-base @border-color-split;
|
border-bottom: @border-width-base @border-style-base @border-color-split;
|
||||||
.@{iconfont-css-prefix}-filter,
|
|
||||||
.@{table-prefix-cls}-filter-icon {
|
|
||||||
&:after {
|
|
||||||
height: 39px;
|
|
||||||
top: -14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -79,16 +52,6 @@
|
|||||||
.@{table-prefix-cls}-row:last-child td {
|
.@{table-prefix-cls}-row:last-child td {
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.@{table-prefix-cls}-column-sorter-up:after {
|
|
||||||
top: -14px;
|
|
||||||
height: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.@{table-prefix-cls}-column-sorter-down:after {
|
|
||||||
bottom: -11px;
|
|
||||||
height: 13px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.@{table-prefix-cls}-bordered {
|
&.@{table-prefix-cls}-bordered {
|
||||||
|
Loading…
Reference in New Issue
Block a user