Skip to content

Commit 6910edf

Browse files
dhanush-raja-aDhanush Raja AtimjaMarkEWaite
authored
Fix shutdown banner visibility on Plugin Manager pages (#26234)
* Fix shutdown banner visibility on Plugin Manager pages The shutdown banner was being obscured by the sticky app bar's backdrop blur effect on the Installed, Available, and Updates pages. Root cause: The sticky app bar (introduced in c42ab43) uses pseudo-elements with backdrop-filter: blur(10px) that extend upwards (negative top inset). These pseudo-elements have z-index: -1 relative to the sticky bar (which has z-index: 2), but the shutdown banner had no explicit z-index (defaulting to 0). Fix: Add position: relative and z-index: 5 to #shutdown-msg and #safe-restart-msg to ensure they render above the sticky app bar's backdrop effect. This is a minimal fix that preserves the header redesign while ensuring critical system messages remain visible. Fixes #26022 * Fix banner on dashboard experimental page --------- Co-authored-by: Dhanush Raja A <dhanushrajaa@Dhanushs-MacBook-Air.local> Co-authored-by: Tim Jacomb <timjacomb1@gmail.com> Co-authored-by: Mark Waite <mark.earl.waite@gmail.com>
1 parent b1da869 commit 6910edf

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/main/scss/base/_style.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,8 @@ td.no-wrap {
7171
padding: 0.5em;
7272
-moz-border-radius: 0.5em;
7373
border-radius: var(--form-input-border-radius);
74+
position: relative;
75+
z-index: 103;
7476
}
7577

7678
#shutdown-msg {
@@ -82,6 +84,8 @@ td.no-wrap {
8284
padding: 0.5em;
8385
-moz-border-radius: 0.5em;
8486
border-radius: var(--form-input-border-radius);
87+
position: relative;
88+
z-index: 103;
8589
}
8690

8791
a.lowkey:link {

0 commit comments

Comments
 (0)