Browse Source

Tweak table head icons style

pull/8546/head
afc163 7 years ago
parent
commit
913daa2668
  1. 19
      components/table/style/index.less
  2. 37
      components/table/style/size.less

19
components/table/style/index.less

@ -50,19 +50,11 @@
transition: all .3s;
width: 14px;
font-weight: normal;
vertical-align: text-bottom;
&:hover {
color: @text-color;
}
&:after {
content: '';
position: absolute;
width: 14px;
height: 50px;
left: 0;
top: -19px;
}
}
.@{table-prefix-cls}-column-sorter + .@{iconfont-css-prefix}-filter {
@ -218,6 +210,7 @@
margin-left: 8px;
display: inline-block;
width: 14px;
height: 14px;
vertical-align: middle;
text-align: center;
font-weight: normal;
@ -225,7 +218,7 @@
&-up,
&-down {
line-height: 4px;
line-height: 6px;
display: block;
width: 14px;
height: 6px;
@ -243,18 +236,18 @@
&:after {
position: absolute;
content: '';
height: 20px;
height: 30px;
width: 14px;
left: 0;
}
}
&-up:after {
top: -19px;
top: -30px;
}
&-down:after {
bottom: -17px;
bottom: -30px;
}
.@{iconfont-css-prefix}-caret-up,

37
components/table/style/size.less

@ -13,26 +13,6 @@
.@{table-prefix-cls}-footer {
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 {
@ -51,13 +31,6 @@
> .@{table-prefix-cls}-thead > tr > th {
background: @component-background;
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 {
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 {

Loading…
Cancel
Save