fix(dashboard): server-warnings banner spans full page width (#1531)
The banner is prepended as a direct child of <body>, so on pages that pad the body gutter (the dashboard + H0M3 use a 1.5em horizontal gutter) it inherited 1.5em gaps left and right. Break out of that padding with negative margins matching the gutter — the same trick .dashboard-chrome uses — scoped to the dashboard + home shells. FL0W + L0GS are full-bleed already (no body padding), so they're unchanged.
This commit is contained in:
parent
fb1f7efbe4
commit
62406fc968
1 changed files with 10 additions and 0 deletions
|
|
@ -529,6 +529,16 @@ body.side-panel-resizing * { cursor: ew-resize !important; }
|
|||
top: 0;
|
||||
z-index: 50;
|
||||
}
|
||||
/* The bar is prepended as a direct child of <body>. On pages that pad
|
||||
the body gutter (the dashboard + H0M3 use a 1.5em horizontal gutter),
|
||||
break out of that padding so the warning spans the full width
|
||||
edge-to-edge — the same trick `.dashboard-chrome` uses. FL0W + L0GS
|
||||
are already full-bleed (no body padding), so they need no override. */
|
||||
body.dashboard-shell #server-warnings,
|
||||
body.home-shell #server-warnings {
|
||||
margin-left: -1.5em;
|
||||
margin-right: -1.5em;
|
||||
}
|
||||
.server-warnings[hidden] { display: none; }
|
||||
.server-warn {
|
||||
text-align: center;
|
||||
|
|
|
|||
Loading…
Reference in a new issue