From f0ac95781a647b3132e24f03a3d8517e9e6f8a82 Mon Sep 17 00:00:00 2001 From: Roland Reich Date: Thu, 24 Sep 2026 14:20:11 +0200 Subject: [PATCH] Display fix for tables in for Google Chrome --- app/static/css/app.css | 8 +++++++- docs/version-history/UPDATE-0.5.5.88.md | 2 ++ 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/app/static/css/app.css b/app/static/css/app.css index 5aaa497..8c3d2c8 100755 --- a/app/static/css/app.css +++ b/app/static/css/app.css @@ -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; diff --git a/docs/version-history/UPDATE-0.5.5.88.md b/docs/version-history/UPDATE-0.5.5.88.md index beff57f..5a2af2c 100755 --- a/docs/version-history/UPDATE-0.5.5.88.md +++ b/docs/version-history/UPDATE-0.5.5.88.md @@ -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.