From bbbfdf3e455386cdd74a2eb9f0f0d2e5adfb3cb4 Mon Sep 17 00:00:00 2001 From: ebolam Date: Tue, 16 Aug 2022 13:17:16 -0400 Subject: [PATCH] Fix for game screen messed up when left menu unpinned and right pinned --- static/koboldai.css | 14 ++++++++++---- static/koboldai.js | 8 ++++---- 2 files changed, 14 insertions(+), 8 deletions(-) diff --git a/static/koboldai.css b/static/koboldai.css index b7a84b25..453f6974 100644 --- a/static/koboldai.css +++ b/static/koboldai.css @@ -45,12 +45,18 @@ --wi_tag_color: #337ab7; --sample_order_select_color: blue; --story_options_size: 30%; - --story_pinned_areas: "menuicon options gamescreen lefticon" - "menuicon theme theme lefticon" - "menuicon inputrow inputrow lefticon"; - --story_pinned_area_widths: 30px var(--story_options_size) auto 30px; + --story_pinned_areas_left: "menuicon options gamescreen lefticon" + "menuicon theme theme lefticon" + "menuicon inputrow inputrow lefticon"; + --story_pinned_areas_right: "menuicon gamescreen options lefticon" + "menuicon theme theme lefticon" + "menuicon inputrow inputrow lefticon"; + --story_pinned_area_widths_left: 30px var(--story_options_size) auto 30px; + --story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px; --scrollbar-color: #9b9b9b80; --scrollbar-size: 6px; + --story_pinned_areas: var(--story_pinned_areas_left); + --story_pinned_area_widths: var(--story_pinned_area_widths_left); } /*----------------Folder Tabs--------------------*/ diff --git a/static/koboldai.js b/static/koboldai.js index 565c297c..e27305cb 100644 --- a/static/koboldai.js +++ b/static/koboldai.js @@ -1532,13 +1532,13 @@ function options_on_right(data) { console.log("Setting cookie to: "+data); if (data) { setCookie("options_on_right", "true"); - r.style.setProperty('--story_pinned_areas', '"menuicon gamescreen options lefticon"\n"menuicon inputrow inputrow lefticon"'); - r.style.setProperty('--story_pinned_area_widths', '30px auto var(--story_options_size) 30px'); + r.style.setProperty('--story_pinned_areas', 'var(--story_pinned_areas_right)'); + r.style.setProperty('--story_pinned_area_widths', 'var(--story_pinned_area_widths_right)'); document.getElementById('preserve_game_space_setting').checked = true; } else { setCookie("options_on_right", "false"); - r.style.setProperty('--story_pinned_areas', '"menuicon options gamescreen lefticon"\n"menuicon inputrow inputrow lefticon"'); - r.style.setProperty('--story_pinned_area_widths', '30px var(--story_options_size) auto 30px'); + r.style.setProperty('--story_pinned_areas', 'var(--story_pinned_areas_left)'); + r.style.setProperty('--story_pinned_area_widths', 'var(--story_pinned_area_widths_left)'); document.getElementById('preserve_game_space_setting').checked = false; } }