Display fix for tables in for Google Chrome
This commit is contained in:
@@ -3259,6 +3259,12 @@ html[data-theme="dark"] .advanced-filter-popup select,html[data-theme="dark"] .a
|
|||||||
|
|
||||||
.standard-data-table-scroll > .data-table{
|
.standard-data-table-scroll > .data-table{
|
||||||
margin:0;
|
margin:0;
|
||||||
|
/* Chromium paints hairline gaps between sticky table rows when the global
|
||||||
|
collapsed-border model is used. Interactive tables use the separate
|
||||||
|
border model with zero spacing so title/filter rows remain visually
|
||||||
|
continuous while keeping sticky THEAD and resize handles unchanged. */
|
||||||
|
border-collapse:separate !important;
|
||||||
|
border-spacing:0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* v0.5.5.88 correction: keep the complete THEAD sticky.
|
/* v0.5.5.88 correction: keep the complete THEAD sticky.
|
||||||
@@ -3284,7 +3290,7 @@ html[data-theme="dark"] .standard-data-table-scroll > .data-table > thead{
|
|||||||
top:auto !important;
|
top:auto !important;
|
||||||
z-index:auto;
|
z-index:auto;
|
||||||
overflow:visible !important;
|
overflow:visible !important;
|
||||||
background-clip:padding-box;
|
background-clip:border-box;
|
||||||
}
|
}
|
||||||
.standard-data-table-scroll > .data-table > thead > tr:first-child > th{
|
.standard-data-table-scroll > .data-table > thead > tr:first-child > th{
|
||||||
background:#e7ecf0;
|
background:#e7ecf0;
|
||||||
|
|||||||
@@ -20,3 +20,5 @@ Interactive tables use one common behavior for:
|
|||||||
|
|
||||||
The final 0.5.5.88 correction keeps `thead` sticky and the individual `th` elements relative. This combination avoids the conflict between sticky headers and absolutely positioned resize handles.
|
The final 0.5.5.88 correction keeps `thead` sticky and the individual `th` elements relative. This combination avoids the conflict between sticky headers and absolutely positioned resize handles.
|
||||||
- Close the small visual seam between sticky title and filter rows with an opaque THEAD background.
|
- Close the small visual seam between sticky title and filter rows with an opaque THEAD background.
|
||||||
|
- Chromium/Chrome: close the sub-pixel seam between sticky title and filter rows without changing sticky, resize, or column-order behavior.
|
||||||
|
- Chromium/Chrome sticky-header seam: interactive data tables now use `border-collapse: separate` with zero border spacing; sticky and resize behavior are unchanged.
|
||||||
|
|||||||
Reference in New Issue
Block a user