Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(overview): raise specificity so full-width detail actually applies

Browse Source 
The prior .ov-row override tied .updater-row on specificity, and updater.css
loads later, so `display:grid` won and the detail stayed boxed. Use the
two-class selector .updater-row.ov-row to win regardless of load order.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
librelad 2026-07-16 17:39:40 +01:00
parent ea5d2b4357
commit d794d4031a
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
containers/libreportal/frontend/components/apps/overview/css/overview.css
View File

@ -182,8 +182,10 @@
/* ---- Updates: expandable rows ------------------------------------------- */ /* ---- Updates: expandable rows ------------------------------------------- */
/* Block (not the inherited .updater-row 3-col grid) so the head sits on top and /* Block (not the inherited .updater-row 3-col grid) so the head sits on top and
the expanded detail body spans the full row width instead of being squeezed the expanded detail body spans the full row width instead of being squeezed
into a narrow right-hand grid column. */ into a narrow right-hand grid column. Two-class selector so it outranks
.ov-row { padding: 0; display: block; } .updater-row's `display:grid` regardless of stylesheet load order. */
.ov-row { padding: 0; }
.updater-row.ov-row { display: block; }
.ov-row-head { .ov-row-head {
display: flex; display: flex;
align-items: center; align-items: center;