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 menu buttons going over slide outs on mobile

Browse Source
This commit is contained in:
ebolam
2023-09-07 20:34:32 -04:00
parent cd1700fff4
commit 1a58dbf6f5
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
static/koboldai.css
View File

@@ -443,7 +443,7 @@ border-top-right-radius: var(--tabs_rounding);
position: fixed; position: fixed;
top:10px; top:10px;
left: 5px; left: 5px;
z-index:50; z-index:21;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
} }
@@ -465,7 +465,7 @@ border-top-right-radius: var(--tabs_rounding);
position: absolute; position: absolute;
top:10px; top:10px;
left: calc(var(--flyout_menu_width) - 20px); left: calc(var(--flyout_menu_width) - 20px);
z-index:50; z-index:21;
width: 25px; width: 25px;
height: 25px; height: 25px;
color: #999; color: #999;
@@ -492,7 +492,7 @@ border-top-right-radius: var(--tabs_rounding);
top:8px; top:8px;
color: var(--text); color: var(--text);
left: calc(var(--flyout_menu_width) - 133px); left: calc(var(--flyout_menu_width) - 133px);
z-index:50; z-index:21;
width: 25px; width: 25px;
height: 25px; height: 25px;
display: inline-block; display: inline-block;
@@ -502,7 +502,7 @@ border-top-right-radius: var(--tabs_rounding);
.SideMenu { .SideMenu {
height: 100%; height: 100%;
z-index: 4; z-index: 20;
color: var(--flyout_text); color: var(--flyout_text);
width: var(--flyout_menu_width); width: var(--flyout_menu_width);
box-shadow: var(--left_menu_strong_shadow); box-shadow: var(--left_menu_strong_shadow);
@@ -900,7 +900,7 @@ border-top-right-radius: var(--tabs_rounding);
position: fixed; position: fixed;
top:10px; top:10px;
right: 5px; right: 5px;
z-index:50; z-index:11;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
grid-area: lefticon; grid-area: lefticon;
@@ -914,12 +914,11 @@ border-top-right-radius: var(--tabs_rounding);
} }
.rightSideMenu { .rightSideMenu {
z-index: 3;
height: 100%; height: 100%;
position: fixed; position: fixed;
color: var(--flyout_text); color: var(--flyout_text);
box-shadow: var(--right_menu_strong_shadow); box-shadow: var(--right_menu_strong_shadow);
z-index: 3; z-index: 10;
top: 0; top: 0;
right: 0; right: 0;
background-color: var(--flyout_background); background-color: var(--flyout_background);