From d140776e6d90ebe8b04adcf422d14529daee5388 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A1ir=C3=ADn=20Duffy?= <duffy@redhat.com>
Date: Thu, 11 May 2023 14:39:18 -0400
Subject: [PATCH] Moving z-index values to be positive
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Pushing the z-index values to start at 0 instead of going negative to
simplify and address issue with tooltip visibility in the Settings/Prefs
area after a merge+rebase.

Signed-off-by: Máirín Duffy <duffy@redhat.com>
---
 packages/renderer/src/App.svelte                   | 2 +-
 packages/renderer/src/AppNavigation.svelte         | 2 +-
 packages/renderer/src/PreferencesNavigation.svelte | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/renderer/src/App.svelte b/packages/renderer/src/App.svelte
index fdf7d6a0e59..762a6084945 100644
--- a/packages/renderer/src/App.svelte
+++ b/packages/renderer/src/App.svelte
@@ -82,7 +82,7 @@ window.events?.receive('display-help', () => {
       {/if}
 
       <div
-        class="-z-3 w-full h-full min-h-fit flex flex-col overflow-y-scroll"
+        class="z-0 w-full h-full min-h-fit flex flex-col overflow-y-scroll"
         class:bg-charcoal-700="{!meta.url.startsWith('/preferences')}"
         class:bg-charcoal-800="{meta.url.startsWith('/preferences')}">
         <TaskManager />
diff --git a/packages/renderer/src/AppNavigation.svelte b/packages/renderer/src/AppNavigation.svelte
index 67a02a5420f..df26a53daa1 100644
--- a/packages/renderer/src/AppNavigation.svelte
+++ b/packages/renderer/src/AppNavigation.svelte
@@ -90,7 +90,7 @@ export let meta;
 
 <svelte:window />
 <nav
-  class="pf-c-nav -z-1 group w-[54px] min-w-[54px] flex flex-col justify-between hover:overflow-y-none top-0"
+  class="pf-c-nav z-[9] group w-[54px] min-w-[54px] flex flex-col justify-between hover:overflow-y-none top-0"
   style="position: sticky"
   aria-label="Global">
   <ul class="pf-c-nav__list">
diff --git a/packages/renderer/src/PreferencesNavigation.svelte b/packages/renderer/src/PreferencesNavigation.svelte
index 4b2533c2b5a..d2cb7a9a972 100644
--- a/packages/renderer/src/PreferencesNavigation.svelte
+++ b/packages/renderer/src/PreferencesNavigation.svelte
@@ -49,8 +49,8 @@ $: addSectionHiddenClass = (section: string): string => (sectionExpanded[section
 </script>
 
 <nav
-  class="pf-c-nav -z-2 w-[250px] min-w-[200px] flex-col justify-between flex transition-all duration-500 ease-in-out shadow-nav top-0"
-  style="background-color: rgb(39 39 42 / var(--tw-bg-opacity)); position: sticky"
+  class="z-1 pf-c-nav w-[250px] min-w-[200px] shadow flex-col justify-between flex transition-all duration-500 ease-in-out"
+  style="background-color: rgb(39 39 42 / var(--tw-bg-opacity))"
   aria-label="Global">
   <div class="flex items-center">
     <div class="pt-4 px-5 mb-10">