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{
|
||||
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.
|
||||
@@ -3284,7 +3290,7 @@ html[data-theme="dark"] .standard-data-table-scroll > .data-table > thead{
|
||||
top:auto !important;
|
||||
z-index:auto;
|
||||
overflow:visible !important;
|
||||
background-clip:padding-box;
|
||||
background-clip:border-box;
|
||||
}
|
||||
.standard-data-table-scroll > .data-table > thead > tr:first-child > th{
|
||||
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.
|
||||
- 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