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

Fixed Clicking outside of a unpinned menu should close it

Browse Source
This commit is contained in:
ebolam
2022-08-10 12:07:30 -04:00
parent eada9f670c
commit 3cc40b8526
2 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/koboldai.js
View File

@@ -1898,6 +1898,16 @@ String.prototype.toHHMMSS = function () {
return hours+':'+minutes+':'+seconds;
}
function close_menus() {
document.getElementById("setting_menu_icon").classList.remove("change");
document.getElementById("SideMenu").classList.remove("open");
document.getElementById("main-grid").classList.remove("menu-open");
document.getElementById("story_menu_icon").classList.remove("change");
document.getElementById("rightSideMenu").classList.remove("open");
document.getElementById("main-grid").classList.remove("story_menu-open");
}
function toggle_flyout(x) {
if (document.getElementById("SideMenu").classList.contains("pinned")) {
//do nothing

31
templates/index_new.html
View File

@@ -24,14 +24,15 @@
{% include 'settings flyout.html' %}
</div>
<!------------ Left Menu Icon--------------------->
<div id="setting_menu_icon" class="menu_icon hidden changed" onclick="toggle_flyout(this)">
<div class="menubar1"></div>
<div class="menubar2"></div>
<div class="menubar3"></div>
</div>
<!------------ Main Screen--------------------->
<div id="main-grid" class="main-grid settings_pinned">
<!------------ Left Menu Icon--------------------->
<div id="setting_menu_icon" class="menu_icon hidden changed" onclick="toggle_flyout(this)">
<div class="menubar1"></div>
<div class="menubar2"></div>
<div class="menubar3"></div>
</div>
<div id="main-grid" class="main-grid settings_pinned" onclick="close_menus();">
<!------------ Game Text Screen--------------------->
<div class="gamescreen" id="gamescreen">
<div id="disconnect_message"><center><h1>Disconnected</h1></center></div>
@@ -56,13 +57,13 @@
<button type="button" class="btn action_button redo" onclick="socket.emit('redo', {});"><span class="oi" data-glyph="action-redo"></span></button>
<button type="button" class="btn action_button retry" onclick="socket.emit('retry', {});"><span class="oi" data-glyph="loop-circular"></span></button>
</div>
<!------------ Right Menu Icon--------------------->
<div id="story_menu_icon" class="right_menu_icon" onclick="toggle_flyout_right(this)">
<div class="menubar1"></div>
<div class="menubar2"></div>
<div class="menubar3"></div>
</div>
<!----<span class="oi right_menu_icon" data-glyph="chevron-left" onclick="toggle_flyout_right(this)"></span>--->
</div>
<!------------ Right Menu Icon--------------------->
<div id="story_menu_icon" class="right_menu_icon" onclick="toggle_flyout_right(this)">
<div class="menubar1"></div>
<div class="menubar2"></div>
<div class="menubar3"></div>
</div>
<!------------ Right Flyout Menu--------------------->
@@ -74,7 +75,7 @@
<!------------- Pop-Ups ------------------------------->
{% include 'popups.html' %}
<!------------- World Info Template ------------------------------->
<!------------- Templates ------------------------------->
<div class="hidden">
<div draggable="true" class="world_info_card" id="world_info_">
<div class="world_info_title_area">