Fix kiwi-workspace-background z-index

ItsOnlyBinary · Jan 11, 2024 · 47be851 · 47be851
1 parent 1b7be21
commit 47be851
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 13 deletions.
diff --git a/src/components/App.vue b/src/components/App.vue
@@ -52,8 +52,14 @@
                     :is="fallbackComponent"
                     v-else-if="!activeComponent"
                     v-bind="fallbackComponentProps"
+                    class="kiwi-workspace-component"
+                />
+                <component
+                    :is="activeComponent"
+                    v-else
+                    v-bind="activeComponentProps"
+                    class="kiwi-workspace-component"
                 />
-                <component :is="activeComponent" v-else v-bind="activeComponentProps" />
             </div>
         </template>
         <AvatarCommon />
@@ -433,11 +439,11 @@ body {
 
 .kiwi-workspace-background {
     position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    z-index: -1;
+    inset: 0;
+}
+
+.kiwi-workspace-component {
+    position: relative;
 }
 
 .kiwi-statebrowser {

diff --git a/src/components/Container.vue b/src/components/Container.vue
@@ -188,6 +188,7 @@ export default {
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
+    position: relative;
 }
 
 /* When the sidebar is open we will put a shadow over the text area */

diff --git a/static/themes/elite/theme.css b/static/themes/elite/theme.css
@@ -67,8 +67,9 @@
     background: var(--comp-statebrowser-bg);
 }
 
-.kiwi-statebrowser-newnetwork {
+.kiwi-statebrowser-newnetwork a {
     opacity: 0.75;
+    color: var(--brand-primary);
 }
 
 .kiwi-statebrowser-newnetwork a:hover {
@@ -112,9 +113,7 @@
     background-color: #26323a;
 }
 
-
 .kiwi-messagelist {
-    background: #3b4850;
     color: var(--brand-primary);
 }
 

diff --git a/static/themes/nightswatch/theme.css b/static/themes/nightswatch/theme.css
@@ -6,7 +6,7 @@
     --brand-primary-hover: #2d2d2d;
     --brand-midtone: #1b1b1b;
     --brand-darktone: #000;
-    --brand-default-bg: #1b1b1b;
+    --brand-default-bg: #000;
     --brand-default-fg: #f1f1f1;
 
     /* Warning colors */
@@ -207,9 +207,6 @@
 }
 
 /* Message list */
-.kiwi-messagelist {
-    background: #000;
-}
 .kiwi-messagelist .kiwi-messagelist-body {
     color: #adadad;
 }