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;
|
top: 0;
|
||||||
z-index: 50;
|
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-warnings[hidden] { display: none; }
|
||||||
.server-warn {
|
.server-warn {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue