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; 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) { function toggle_flyout(x) {
if (document.getElementById("SideMenu").classList.contains("pinned")) { if (document.getElementById("SideMenu").classList.contains("pinned")) {
//do nothing //do nothing

31
templates/index_new.html
View File

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