rixty/KoboldAI-Client
1
1
Fork 0
mirror of https://github.com/KoboldAI/KoboldAI-Client.git synced 2025-06-05 21:59:24 +02:00
Code Issues Projects Releases Wiki Activity

Fix for mobile close box overlaps

Browse Source
This commit is contained in:
ebolam
2023-09-08 20:59:40 -04:00
parent 37a419d8d0
commit b46d5ad2c4
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
static/koboldai.css
View File

@@ -906,6 +906,10 @@ border-top-right-radius: var(--tabs_rounding);
grid-area: lefticon; grid-area: lefticon;
} }
.high_z.right_menu_icon {
z-index: 51;
}
@media only screen and (max-aspect-ratio: 5/6) { @media only screen and (max-aspect-ratio: 5/6) {
/* mobile */ /* mobile */
.right_menu_icon.hidden { .right_menu_icon.hidden {
@@ -932,6 +936,10 @@ border-top-right-radius: var(--tabs_rounding);
will-change: transform; will-change: transform;
} }
.high_z.rightSideMenu {
z-index: 50;
}
.rightSideMenu.open { .rightSideMenu.open {
left: calc(100% - var(--flyout_menu_width)); left: calc(100% - var(--flyout_menu_width));
} }

6
static/koboldai.js
View File

@@ -4963,11 +4963,17 @@ function toggle_flyout_right(x) {
x.classList.remove("change"); x.classList.remove("change");
document.getElementById("rightSideMenu").classList.remove("open"); document.getElementById("rightSideMenu").classList.remove("open");
document.getElementById("main-grid").classList.remove("story_menu-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 { } else {
x.classList.add("change"); x.classList.add("change");
document.getElementById("rightSideMenu").classList.add("open"); document.getElementById("rightSideMenu").classList.add("open");
document.getElementById("main-grid").classList.add("story_menu-open"); document.getElementById("main-grid").classList.add("story_menu-open");
document.getElementById("story_menu_pin").classList.remove("hidden"); 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");
} }
} }