1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-06 00:13:28 +00:00

fix(toast-ui): [PM-25656 / PM-3387] UI Fix - Toasts should appear above Dialogs on small screens (#16292)

On the Browser Extension, Toast notifications were appearing behind open Dialog components, making the toast unreadable to users. This PR removes `position: absolute;` and `z-index: 980;` from the Extension's `app-root`. This makes Toasts part of the same stacking context as Dialogs, and thus allows Toasts to always appear above Dialogs.
This commit is contained in:
rr-bw
2025-09-18 17:28:16 -07:00
committed by GitHub
parent d4cf7217e3
commit 583ff0b634

View File

@@ -372,10 +372,9 @@ header:not(bit-callout header, bit-dialog header, popup-page header) {
} }
app-root { app-root {
position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 980;
@include themify($themes) { @include themify($themes) {
background-color: themed("backgroundColor"); background-color: themed("backgroundColor");
} }