From 9363e9a4be2b1880d00aa2aff9cd91cc1405c9f5 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Wed, 20 Nov 2024 03:52:27 +0900
Subject: [PATCH] Fix: Sidebar - Adjust z-index for overlap #993

---
 css/leptonChrome.css      | 4 ++--
 css/leptonChromeESR.css   | 2 +-
 src/sidebar/_overlap.scss | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 472e08d..1eadb74 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -9124,7 +9124,7 @@
 @supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") {
   #sidebar-box {
     --uc-sidebar-shadow-color: #28282f;
-    z-index: 1 !important;
+    z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
     position: relative !important;
     box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);
   }
@@ -23790,7 +23790,7 @@
 @media (-moz-bool-pref: "userChrome.sidebar.overlap"), (-moz-bool-pref: "userChrome.autohide.sidebar") {
   #sidebar-box {
     --uc-sidebar-shadow-color: #28282f;
-    z-index: 1 !important;
+    z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
     position: relative !important;
     box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);
   }
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index 8fb0f57..e3e63a9 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -9554,7 +9554,7 @@
 @supports -moz-bool-pref("userChrome.sidebar.overlap") or -moz-bool-pref("userChrome.autohide.sidebar") {
   #sidebar-box {
     --uc-sidebar-shadow-color: #28282f;
-    z-index: 1 !important;
+    z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
     position: relative !important;
     box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);
   }
diff --git a/src/sidebar/_overlap.scss b/src/sidebar/_overlap.scss
index b1f1585..77e0655 100644
--- a/src/sidebar/_overlap.scss
+++ b/src/sidebar/_overlap.scss
@@ -33,7 +33,7 @@
   #sidebar-box {
     --uc-sidebar-shadow-color: #28282F;
 
-    z-index: 1 !important;
+    z-index: var(--browser-area-z-index-sidebar-splitter, 3) !important;
     position: relative !important;
 
     box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);