mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-08 01:53:34 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix: Table sticky header background (#31373)

Browse Source 
close #31362
This commit is contained in:
afc163 2021-07-13 12:03:19 +08:00 committed by GitHub
parent 972e3c2edd
commit c1d52d3b9b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/style/themes/dark.less
View File

@ -314,6 +314,7 @@
@table-header-sort-bg: #262626; @table-header-sort-bg: #262626;
@table-header-filter-active-bg: #434343; @table-header-filter-active-bg: #434343;
@table-header-sort-active-bg: #303030; @table-header-sort-active-bg: #303030;
@table-fixed-header-sort-active-bg: #222;
@table-filter-btns-bg: @popover-background; @table-filter-btns-bg: @popover-background;
@table-expanded-row-bg: @table-header-bg; @table-expanded-row-bg: @table-header-bg;
@table-filter-dropdown-bg: @popover-background; @table-filter-dropdown-bg: @popover-background;

2
components/style/themes/default.less
View File

@ -615,6 +615,8 @@
// Sorter // Sorter
// Legacy: `table-header-sort-active-bg` is used for hover not real active // Legacy: `table-header-sort-active-bg` is used for hover not real active
@table-header-sort-active-bg: rgba(0, 0, 0, 0.04); @table-header-sort-active-bg: rgba(0, 0, 0, 0.04);
@table-fixed-header-sort-active-bg: hsv(0, 0, 96%);
// Filter // Filter
@table-header-filter-active-bg: rgba(0, 0, 0, 0.04); @table-header-filter-active-bg: rgba(0, 0, 0, 0.04);
@table-filter-btns-bg: inherit; @table-filter-btns-bg: inherit;

4
components/table/style/index.less
View File

@ -229,7 +229,7 @@
// https://github.com/ant-design/ant-design/issues/30969 // https://github.com/ant-design/ant-design/issues/30969
&.@{table-prefix-cls}-cell-fix-left:hover, &.@{table-prefix-cls}-cell-fix-left:hover,
&.@{table-prefix-cls}-cell-fix-right:hover { &.@{table-prefix-cls}-cell-fix-right:hover {
background: lighten(@black, 96%); background: @table-fixed-header-sort-active-bg;
} }
} }
@ -643,7 +643,9 @@
&-holder { &-holder {
position: sticky; position: sticky;
z-index: @table-sticky-zindex; z-index: @table-sticky-zindex;
background: @component-background;
} }
&-scroll { &-scroll {
position: sticky; position: sticky;
bottom: 0; bottom: 0;