From b46d5ad2c4c627ee034b672faecf4e883db3eddd Mon Sep 17 00:00:00 2001
From: ebolam <ebolam@gmail.com>
Date: Fri, 8 Sep 2023 20:59:40 -0400
Subject: [PATCH] Fix for mobile close box overlaps

---
 static/koboldai.css | 8 ++++++++
 static/koboldai.js  | 6 ++++++
 2 files changed, 14 insertions(+)

diff --git a/static/koboldai.css b/static/koboldai.css
index 9aca6da1..a419a4f3 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -906,6 +906,10 @@ border-top-right-radius: var(--tabs_rounding);
 	grid-area: lefticon;
 }
 
+.high_z.right_menu_icon {
+	z-index: 51;
+}
+
 @media only screen and (max-aspect-ratio: 5/6) {
 /* mobile */
 .right_menu_icon.hidden {
@@ -932,6 +936,10 @@ border-top-right-radius: var(--tabs_rounding);
 	will-change: transform;
 }
 
+.high_z.rightSideMenu {
+	z-index: 50;
+}
+
 .rightSideMenu.open {
 	left: calc(100% - var(--flyout_menu_width));
 }
diff --git a/static/koboldai.js b/static/koboldai.js
index b2a5f0ed..038b6e87 100644
--- a/static/koboldai.js
+++ b/static/koboldai.js
@@ -4963,11 +4963,17 @@ function toggle_flyout_right(x) {
 		x.classList.remove("change");
 		document.getElementById("rightSideMenu").classList.remove("open");
 		document.getElementById("main-grid").classList.remove("story_menu-open");
+		//need to set the layer priority back down
+		document.getElementById("rightSideMenu").classList.remove("high_z");
+		document.getElementById("story_menu_icon").classList.remove("high_z");
 	} else {
 		x.classList.add("change");
 		document.getElementById("rightSideMenu").classList.add("open");
 		document.getElementById("main-grid").classList.add("story_menu-open");
 		document.getElementById("story_menu_pin").classList.remove("hidden");
+		//need to set the layer priority up (due to mobile overlap
+		document.getElementById("rightSideMenu").classList.add("high_z");
+		document.getElementById("story_menu_icon").classList.add("high_z");
 	}
 }