fix(ui): Adjust toast notification position and z-index for better vi…

…sibility above footer
CarlKho-Minerva · Nov 3, 2024 · f9dc670 · f9dc670
1 parent 3f2c294
commit f9dc670
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/medieval_todos.db b/app/medieval_todos.db
diff --git a/app/static/css/style.css b/app/static/css/style.css
@@ -642,9 +642,9 @@ input[type="email"] {
 /* Toast Notifications */
 .toast-container {
     position: fixed;
-    bottom: 20px;
+    bottom: 70px;  /* Increased from 20px to appear above footer */
     right: 20px;
-    z-index: 9999;
+    z-index: 9999;  /* Make sure it's higher than footer's z-index */
     display: flex;
     flex-direction: column;
     gap: 10px;
@@ -841,7 +841,7 @@ input[type="email"] {
     backdrop-filter: blur(64px);
     -webkit-backdrop-filter: blur(64px);
     background: rgba(0, 0, 0, 0.1);
-    z-index: 10;
+    z-index: 100;  /* Lower than toast container */
 }
 
 .footer a {