From 7bde24adaaa964abba9f81d745b665680e874f9a Mon Sep 17 00:00:00 2001
From: DrMint <29893320+DrMint@users.noreply.github.com>
Date: Sat, 3 Jun 2023 21:19:13 +0200
Subject: [PATCH] Fix select and tooltip z-index

---
 src/components/AppLayout.tsx     | 8 ++++----
 src/components/Inputs/Select.tsx | 2 +-
 src/styles/tippy.css             | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/AppLayout.tsx b/src/components/AppLayout.tsx
index f368f18..1e2a069 100644
--- a/src/components/AppLayout.tsx
+++ b/src/components/AppLayout.tsx
@@ -230,12 +230,12 @@ export const AppLayout = ({
         <div
           id={Ids.SubPanel}
           className={cJoin(
-            `z-40 overflow-y-scroll border-r border-dark/50 bg-light
+            `overflow-y-scroll border-r border-dark/50 bg-light
               transition-transform duration-300 scrollbar-none`,
             cIf(!isIOS, "texture-paper-dots"),
             cIf(
               is1ColumnLayout,
-              "justify-self-end border-r-0 [grid-area:content]",
+              "z-40 justify-self-end border-r-0 [grid-area:content]",
               "[grid-area:sub]"
             ),
             cIf(is1ColumnLayout && isScreenAtLeastXs, "w-[min(30rem,90%)] border-l"),
@@ -248,10 +248,10 @@ export const AppLayout = ({
       {/* Main panel */}
       <div
         className={cJoin(
-          `z-40 overflow-y-scroll border-r border-dark/50 bg-light
+          `overflow-y-scroll border-r border-dark/50 bg-light
             transition-transform duration-300 scrollbar-none`,
           cIf(!isIOS, "texture-paper-dots"),
-          cIf(is1ColumnLayout, "justify-self-start [grid-area:content]", "[grid-area:main]"),
+          cIf(is1ColumnLayout, "z-40 justify-self-start [grid-area:content]", "[grid-area:main]"),
           cIf(is1ColumnLayout && isScreenAtLeastXs, "w-[min(30rem,90%)]"),
           cIf(!isMainPanelOpened && is1ColumnLayout, "-translate-x-full")
         )}>
diff --git a/src/components/Inputs/Select.tsx b/src/components/Inputs/Select.tsx
index fd61c54..b635b0b 100644
--- a/src/components/Inputs/Select.tsx
+++ b/src/components/Inputs/Select.tsx
@@ -52,7 +52,7 @@ export const Select = ({
       ref={ref}
       className={cJoin(
         "relative text-center transition-filter",
-        cIf(isOpened, "z-10 drop-shadow-lg shadow-shade"),
+        cIf(isOpened, "z-20 drop-shadow-lg shadow-shade"),
         className
       )}>
       <div
diff --git a/src/styles/tippy.css b/src/styles/tippy.css
index 99d7511..5db5665 100644
--- a/src/styles/tippy.css
+++ b/src/styles/tippy.css
@@ -59,5 +59,5 @@
   border-style: solid;
 }
 .tippy-content {
-  @apply relative z-10 px-6 py-4;
+  @apply relative px-6 py-4;
 }