mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-08 01:53:34 +08:00
4.0 table (#20350)
* chore: Update table style * chore: diff table filter hover color * style lint
This commit is contained in:
parent
a33acaacf4
commit
bfe1294562
@ -7,6 +7,7 @@
|
|||||||
@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
|
@dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
|
||||||
@table-header-icon-color: #bfbfbf;
|
@table-header-icon-color: #bfbfbf;
|
||||||
@table-header-icon-color-hover: darken(@table-header-icon-color, 10%);
|
@table-header-icon-color-hover: darken(@table-header-icon-color, 10%);
|
||||||
|
@table-header-sort-active-filter-bg: lighten(@table-header-sort-active-bg, 2%);
|
||||||
|
|
||||||
@table-selection-column-width: 60px;
|
@table-selection-column-width: 60px;
|
||||||
|
|
||||||
@ -159,6 +160,10 @@
|
|||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: @table-header-sort-active-bg;
|
background: @table-header-sort-active-bg;
|
||||||
|
|
||||||
|
.@{table-prefix-cls}-filter-trigger-container {
|
||||||
|
background: @table-header-sort-active-filter-bg;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -226,10 +231,12 @@
|
|||||||
flex: none;
|
flex: none;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
align-self: stretch;
|
align-self: stretch;
|
||||||
|
cursor: pointer;
|
||||||
transition: background-color 0.3s;
|
transition: background-color 0.3s;
|
||||||
|
|
||||||
&-open,
|
&-open,
|
||||||
&:hover {
|
&:hover,
|
||||||
|
thead th.@{table-prefix-cls}-column-has-sorters:hover &:hover {
|
||||||
background: @table-header-filter-active-bg;
|
background: @table-header-filter-active-bg;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user