Update z-index values in DialogWidget and StatusBar components, and remove negative z-index in OverviewView component for improved layout and stacking context.

2026-02-05 08:41:15 +01:00
parent 4f3439e835
commit aecd9a8245
3 changed files with 2 additions and 3 deletions
--- a/frontend/src/components/DialogWidget.vue
+++ b/frontend/src/components/DialogWidget.vue
@@ -185,7 +185,7 @@ export default {
  display: flex;
  align-items: center;
  justify-content: center;
-  z-index: 1000;
+  z-index: 100;
  background: rgba(0, 0, 0, 0.5);
 }

--- a/frontend/src/components/falukant/StatusBar.vue
+++ b/frontend/src/components/falukant/StatusBar.vue
@@ -227,6 +227,7 @@ export default {
    gap: 1.2em;
    margin: -21px -20px 1.5em -20px;
    position: fixed;
+    z-index: 100;
 }

 .status-item {
--- a/frontend/src/views/falukant/OverviewView.vue
+++ b/frontend/src/views/falukant/OverviewView.vue
@@ -404,8 +404,6 @@ export default {
    justify-content: center;
    align-items: center;
    gap: 20px;
-    position: relative;
-    z-index: -1;
 }

 .avatar {