From 5308c30e4d47475e6dc9d14b9c09af206ba07442 Mon Sep 17 00:00:00 2001
From: ebolam <ebolam@gmail.com>
Date: Thu, 25 Aug 2022 14:05:15 -0400
Subject: [PATCH] Added hide button for timing info and CSS for area

---
 static/koboldai.css            | 15 +++++++++++++++
 templates/settings flyout.html |  8 +++++++-
 themes/Darkness.css            |  4 ++++
 themes/Material You.css        |  4 ++++
 themes/Monochrome.css          |  4 ++++
 5 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/static/koboldai.css b/static/koboldai.css
index 13b8c6a4..df8e176d 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -369,6 +369,21 @@ input[type="range"]::-ms-fill-upper {
 	height: calc(100vh - 40px);
 }
 
+.settings_footer {
+	border-top:2px;
+	border-top-color: var(--setting_footer_border_color);
+	border-top-style: solid;
+	color: var(--setting_footer_text_color);
+	background-color: var(--setting_footer_background_color);
+}
+
+.show_footer_icon {
+	position: absolute;
+	left: calc(var(--flyout_menu_width) - 30px);
+	bottom: 0px;
+	background-color: var(--flyout_background_pinned);
+}
+
 .Model_Info{
 	position: relative;
 	margin: 25px 0 0 10px;
diff --git a/templates/settings flyout.html b/templates/settings flyout.html
index 8f6df6d1..164cea33 100644
--- a/templates/settings flyout.html	
+++ b/templates/settings flyout.html	
@@ -297,7 +297,13 @@
 			</div>
 		</div>
 	</div>
-	<div id="footer" style="border-top:2px;border-top-color:grey;border-top-style: solid;">
+	<span class=>
+	<span class="material-icons-outlined cursor show_footer_icon" onclick='if (document.getElementById("settings_footer").classList.contains("hidden")){
+																		       document.getElementById("settings_footer").classList.remove("hidden");
+																		   } else {
+																			   document.getElementById("settings_footer").classList.add("hidden");
+																		   }'>timer</span>
+	<div id="settings_footer" class="settings_footer">
 		<span>Execution Time: <span id="Execution Time"></span></span> | 
 		<span>Remaining Time: <span class="var_sync_model_tqdm_rem_time"></span></span> | <span id="var_time"></span>
 	</div>
diff --git a/themes/Darkness.css b/themes/Darkness.css
index c1d76256..20940dd4 100644
--- a/themes/Darkness.css
+++ b/themes/Darkness.css
@@ -83,6 +83,10 @@
     --tooltip_text:var(--on_secondary_palette);
     --tooltip_background:var(--secondary_palette);
 	--setting_category_help_text_color: #E0E0E0;
+	
+	--setting_footer_border_color: grey;
+	--setting_footer_text_color: #e0e0e0;
+	--setting_footer_background_color: var(--layer1_palette);
 
 	/*World Info*/
 	--wi_card_border_color: #002d6c00;
diff --git a/themes/Material You.css b/themes/Material You.css
index 9401df42..ab7281a6 100644
--- a/themes/Material You.css	
+++ b/themes/Material You.css	
@@ -83,6 +83,10 @@
     --tooltip_text: var(--on_secondary_palette);
     --tooltip_background: var(--secondary_palette);
 	--setting_category_help_text_color: #E0E0E0;
+	
+	--setting_footer_border_color: grey;
+	--setting_footer_text_color: var(--on_surface_palette);
+	--setting_footer_background_color: var(--layer1_palette);
 
 	/*World Info*/
 	--wi_card_border_color: var(--on_primary_palette);
diff --git a/themes/Monochrome.css b/themes/Monochrome.css
index 88975258..5a44fc7a 100644
--- a/themes/Monochrome.css
+++ b/themes/Monochrome.css
@@ -83,6 +83,10 @@
     --tooltip_text:var(--on_secondary_palette);
     --tooltip_background:var(--secondary_palette);
 	--setting_category_help_text_color: #E0E0E0;
+	
+	--setting_footer_border_color: grey;
+	--setting_footer_text_color: #e0e0e0;
+	--setting_footer_background_color: var(--layer1_palette);
 
 	/*World Info*/
 	--wi_card_border_color: #eeeeeead;