gru/pve-ha-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix toast

Browse Source
This commit is contained in:
gru
2025-10-19 21:21:29 +02:00
parent ced8cbd92e
commit e312d46801
1 changed files with 27 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
static/styles.css
View File

@@ -129,22 +129,35 @@ pre {
display: block; display: block;
} }
.toast-fixed-anchor { /* Toasts: hard-pinned to bottom-right corner */
position: fixed; #toast-container {
right: 0; position: fixed !important;
bottom: 0; right: 0 !important;
z-index: 2000; bottom: 0 !important;
padding: .75rem; left: auto !important;
top: auto !important;
margin: 0 !important;
padding: 1rem !important;
width: auto;
/* allow toast's own width (e.g., 350px in Bootstrap) */
max-width: 100vw;
/* safety on tiny screens */
pointer-events: none; pointer-events: none;
z-index: 3000;
} }
.toast-fixed-anchor .toast-container { #toast-container .toast {
display: flex;
flex-direction: column-reverse;
align-items: end;
gap: .5rem;
}
.toast-fixed-anchor .toast {
pointer-events: auto; pointer-events: auto;
margin: 0.25rem 0 0 0;
/* stack vertically */
} }
@supports (inset: 0) {
/* If the browser supports logical inset, keep it exact as well */
#toast-container {
inset: auto 0 0 auto !important;
}
}