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

refator_comm1

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2025-10-19 00:05:08 +02:00
parent cac9cf927b
commit 3694211fd3
2 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
static/styles.css
View File

@@ -145,7 +145,6 @@ footer.site-footer a:hover {
} }
/* --- VM Admin: dropdown „target node” ma być zawsze nad wierszem poniżej --- */
#vm-admin, #vm-admin,
#vm-admin .table-responsive, #vm-admin .table-responsive,
#vm-admin table, #vm-admin table,
@@ -163,24 +162,37 @@ footer.site-footer a:hover {
#vm-admin .target-node { #vm-admin .target-node {
position: relative; position: relative;
z-index: 1001; z-index: 1001;
/* ponad sąsiednimi wierszami */
} }
/* --- Toasty: prawy-dolny róg, stabilnie --- */ /* Toasts: hard-pinned to bottom-right corner */
#toast-container { #toast-container {
position: fixed; position: fixed !important;
right: max(env(safe-area-inset-right), 1rem); right: 0 !important;
bottom: max(env(safe-area-inset-bottom), 1rem); bottom: 0 !important;
z-index: 2000; left: auto !important;
width: min(480px, 96vw); top: auto !important;
max-width: min(480px, 96vw);
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-container .toast { #toast-container .toast {
pointer-events: auto; pointer-events: auto;
max-width: 100%; margin: 0.25rem 0 0 0;
overflow-wrap: anywhere; /* stack vertically */
word-break: break-word; }
white-space: normal;
@supports (inset: 0) {
/* If the browser supports logical inset, keep it exact as well */
#toast-container {
inset: auto 0 0 auto !important;
}
} }

2
templates/index.html
View File

@@ -279,7 +279,7 @@
</div> </div>
<!-- Toasts --> <!-- Toasts -->
<div aria-live="polite" aria-atomic="true" class="position-fixed bottom-0 end-0 p-3" style="z-index: 1080"> <div aria-live="polite" aria-atomic="true" class="position-fixed bottom-0 end-0" style="z-index: 1080">
<div id="toast-container" class="toast-container"></div> <div id="toast-container" class="toast-container"></div>
</div> </div>