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; 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,

37
components/table/style/size.less

@ -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…
Cancel
Save