Make text2img Metadata Panel to have max height #197

anapnoe · Nov 7, 2023 · aff3c14 · aff3c14
1 parent 9d387f4
commit aff3c14
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 5 deletions.
diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-results.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-extras-results.html
@@ -38,7 +38,7 @@
                   </button>
                 </div>
               </div>
-              <div id="acc-ec-3" class="accordion-container">
+              <div id="acc-ec-3" class="accordion-container .info-results-container">
                 <div id="flexbox-e4" class="flexbox col">
                   <div id="portal-e30" data-parent-selector="#tab_extras" data-selector="#html_info_x_extras" class="portal hide-empty">
                   </div>

diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-results.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-img2img-results.html
@@ -50,7 +50,7 @@
                   </button>
                 </div>
               </div>
-              <div id="acc-c-33" class="accordion-container">
+              <div id="acc-c-33" class="accordion-container info-results-container">
                 <div id="flexbox-43" class="flexbox col">
                   <div id="portal-293" data-parent-selector="#tab_img2img" data-selector="#download_files_img2img" data-vis="true" class="portal shrink hide-empty">
                   </div>

diff --git a/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-results.html b/extensions-builtin/anapnoe-sd-uiux/html/templates/template-txt2img-results.html
@@ -51,7 +51,7 @@
                   </button>
                 </div>
               </div>
-              <div id="acc-c-3" class="accordion-container">
+              <div id="acc-c-3" class="accordion-container info-results-container">
                 <div id="flexbox-4" class="flexbox col">
                   <div id="portal-29" data-parent-selector="#tab_txt2img" data-selector="#download_files_txt2img" data-vis="true" class="portal shrink hide-empty">
                   </div>

diff --git a/extensions-builtin/anapnoe-sd-uiux/javascript/anapnoe_sd_uiux_core.js b/extensions-builtin/anapnoe-sd-uiux/javascript/anapnoe_sd_uiux_core.js
@@ -1101,7 +1101,6 @@ function uiuxOptionSettings(){
         uiux_show_labels_tabs(e.target.checked, true);
     });
     uiux_show_labels_tabs(window.opts.uiux_show_labels_tabs);
-
 
 }
 

diff --git a/extensions-builtin/anapnoe-sd-uiux/scripts/anapnoe_sd_uiux.py b/extensions-builtin/anapnoe-sd-uiux/scripts/anapnoe_sd_uiux.py
@@ -14,7 +14,7 @@
     "uiux_default_layout": shared.OptionInfo("Auto", "Layout", gr.Radio, {"choices": ["Auto","Desktop", "Mobile"]}),    
     "uiux_show_labels_aside": shared.OptionInfo(False, "Show labels for aside tabs"),
     "uiux_show_labels_main": shared.OptionInfo(False, "Show labels for main tabs"),
-    "uiux_show_labels_tabs": shared.OptionInfo(False, "Show labels for page tabs"),
+    "uiux_show_labels_tabs": shared.OptionInfo(False, "Show labels for page tabs"),  
     "uiux_ignore_overrides": shared.OptionInfo([], "Ignore Overrides", gr.CheckboxGroup, lambda: {"choices": list(mapping)})
 }))
 

diff --git a/extensions-builtin/anapnoe-sd-uiux/style.css b/extensions-builtin/anapnoe-sd-uiux/style.css
@@ -491,6 +491,7 @@ body {
     font-size: 13px;
     line-height: 16px;
     color: var(--ae-label-color);
+    overflow-wrap: anywhere;
 }
 
 *.gradio-image .image-container {
@@ -3260,6 +3261,11 @@ input[type="checkbox"] {
     justify-content: flex-start;
 }
 
+.info-results-container {
+    overflow-y: auto;
+    max-height:33vh;
+}
+
 @media (max-width: 768px) {
     .xtabs-tab span {
         display: none;