From 3ca3c7f1c62f525539926fa883d8f5d54de85de6 Mon Sep 17 00:00:00 2001
From: catboxanon <122327233+catboxanon@users.noreply.github.com>
Date: Fri, 4 Aug 2023 07:20:32 -0400
Subject: Add styling for script components

---
 style.css | 7 +++++++
 1 file changed, 7 insertions(+)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 86b4f61e..d9699668 100644
--- a/style.css
+++ b/style.css
@@ -190,6 +190,13 @@ button.custom-button{
     text-align: center;
 }
 
+.gradio-group[id$="_script_container"] > div .gradio-group > div > div:is(.gradio-accordion, .form) {
+    border: 1px solid var(--block-border-color) !important;
+    border-radius: 8px !important;
+    margin: 2px 0;
+    padding: 8px 8px;
+}
+
 
 /* txt2img/img2img specific */
 
-- 
cgit v1.2.3


From 2c5106ed06044ba4b67b1c856756e33a1ca5eeea Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Thu, 10 Aug 2023 07:57:52 +0300
Subject: additional work on gradio styles; make the accordion change affect
 all accordions, not just inside scripts div

---
 style.css | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index cda5f6a0..dfd5ca36 100644
--- a/style.css
+++ b/style.css
@@ -43,13 +43,15 @@ div.form{
 .block.gradio-radio,
 .block.gradio-checkboxgroup,
 .block.gradio-number,
-.block.gradio-colorpicker,
-div.gradio-group
-{
+.block.gradio-colorpicker {
     border-width: 0 !important;
     box-shadow: none !important;
 }
 
+div.gradio-group, div.styler{
+    border-width: 0 !important;
+    background: none;
+}
 .gap.compact{
     padding: 0;
     gap: 0.2em 0;
@@ -135,12 +137,8 @@ a{
     cursor: pointer;
 }
 
-div.styler{
-    border: none;
-    background: var(--background-fill-primary);
-}
-
-.block.gradio-textbox{
+/* gradio 3.39 puts a lot of overflow: hidden all over the place for an unknown reqasaon. */
+.block.gradio-textbox, div.gradio-group, div.gradio-group div, div.gradio-dropdown{
     overflow: visible !important;
 }
 
@@ -194,7 +192,7 @@ button.custom-button{
     text-align: center;
 }
 
-.gradio-group[id$="_script_container"] > div .gradio-group > div > div:is(.gradio-accordion, .form) {
+div.gradio-accordion {
     border: 1px solid var(--block-border-color) !important;
     border-radius: 8px !important;
     margin: 2px 0;
-- 
cgit v1.2.3


From 9199b6b7ebe96cdf09571ba874a103e8ed8c90ef Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Thu, 10 Aug 2023 11:20:46 +0300
Subject: add a custom UI element that combines accordion and checkbox rework
 hires fix UI to use accordion prevent bogus progress output in console when
 calculating hires fix dimensions

---
 style.css | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index dfd5ca36..5163e53c 100644
--- a/style.css
+++ b/style.css
@@ -329,12 +329,6 @@ div.gradio-accordion {
     border-radius: 0 0.5rem 0.5rem 0;
 }
 
-#txtimg_hr_finalres{
-    min-height: 0 !important;
-    padding: .625rem .75rem;
-    margin-left: -0.75em
-}
-
 #img2img_scale_resolution_preview.block{
     display: flex;
     align-items: end;
@@ -1016,3 +1010,12 @@ div.block.gradio-box.popup-dialog, .popup-dialog {
 div.block.gradio-box.popup-dialog > div:last-child, .popup-dialog > div:last-child{
     margin-top: 1em;
 }
+
+div.block.input-accordion{
+    margin-bottom: 0.4em;
+}
+
+.input-accordion-extra{
+    flex: 0 0 auto !important;
+    margin: 0 0.5em 0 auto;
+}
-- 
cgit v1.2.3