fix toast

static/styles.css

@@ -128,3 +128,23 @@ pre {
 #global-loading.show {
   display: block;
 }
+
+.toast-fixed-anchor {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  z-index: 2000;
+  padding: .75rem;
+  pointer-events: none;
+}
+
+.toast-fixed-anchor .toast-container {
+  display: flex;
+  flex-direction: column-reverse;
+  align-items: end;
+  gap: .5rem;
+}
+
+.toast-fixed-anchor .toast {
+  pointer-events: auto;
+}

templates/index.html

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