From 820f1dc96b1979d7e92170c161db281ee8bd988b Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sun, 2 Oct 2022 15:03:39 +0300
Subject: initial support for training textual inversion

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 79d6bb0d..39586bf1 100644
--- a/style.css
+++ b/style.css
@@ -157,7 +157,7 @@ button{
     max-width: 10em;
 }
 
-#txt2img_preview, #img2img_preview{
+#txt2img_preview, #img2img_preview, #ti_preview{
     position: absolute;
     width: 320px;
     left: 0;
@@ -172,18 +172,18 @@ button{
 }
 
 @media screen and (min-width: 768px) {
-    #txt2img_preview, #img2img_preview {
+    #txt2img_preview, #img2img_preview, #ti_preview {
         position: absolute;
     }
 }
 
 @media screen and (max-width: 767px) {
-    #txt2img_preview, #img2img_preview {
+    #txt2img_preview, #img2img_preview, #ti_preview {
         position: relative;
     }
 }
 
-#txt2img_preview div.left-0.top-0, #img2img_preview div.left-0.top-0{
+#txt2img_preview div.left-0.top-0, #img2img_preview div.left-0.top-0, #ti_preview div.left-0.top-0{
     display: none;
 }
 
@@ -247,7 +247,7 @@ input[type="range"]{
 #txt2img_negative_prompt, #img2img_negative_prompt{
 }
 
-#txt2img_progressbar, #img2img_progressbar{
+#txt2img_progressbar, #img2img_progressbar, #ti_progressbar{
   position: absolute;
   z-index: 1000;
   right: 0;
-- 
cgit v1.2.3


From 2a7f48cdb8dcf9acb02610cccae0d1ee5d260bc2 Mon Sep 17 00:00:00 2001
From: fuzzytent <fuzzy.tent6960@fastmail.com>
Date: Fri, 30 Sep 2022 16:02:16 +0200
Subject: Improve styling of gallery items, particularly in dark mode

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 9709c4ee..e11316b9 100644
--- a/style.css
+++ b/style.css
@@ -403,3 +403,7 @@ input[type="range"]{
 .red {
 	color: red;
 }
+
+.gallery-item {
+    --tw-bg-opacity: 0 !important;
+}
-- 
cgit v1.2.3


From b32852ef037251eb3d846af76e2965594e1ac7a5 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Tue, 4 Oct 2022 20:49:54 +0300
Subject: add editor to img2img

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 39586bf1..e8f4cb75 100644
--- a/style.css
+++ b/style.css
@@ -403,3 +403,7 @@ input[type="range"]{
 .red {
 	color: red;
 }
+
+#img2img_image div.h-60{
+    height: 480px;
+}
\ No newline at end of file
-- 
cgit v1.2.3


From 59a2b9e5afc27d2fda72069ca0635070535d18fe Mon Sep 17 00:00:00 2001
From: Greendayle <Greendayle>
Date: Wed, 5 Oct 2022 20:50:10 +0200
Subject: deepdanbooru interrogator

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 39586bf1..2fd351f9 100644
--- a/style.css
+++ b/style.css
@@ -103,7 +103,12 @@
 
 #style_apply, #style_create, #interrogate{
     margin: 0.75em 0.25em 0.25em 0.25em;
-    min-width: 3em;
+    min-width: 5em;
+}
+
+#style_apply, #style_create, #deepbooru{
+    margin: 0.75em 0.25em 0.25em 0.25em;
+    min-width: 5em;
 }
 
 #style_pos_col, #style_neg_col{
-- 
cgit v1.2.3


From 83749bfc72923b946abb825ebf4fdcc8b6035c8e Mon Sep 17 00:00:00 2001
From: DepFA <35278260+dfaker@users.noreply.github.com>
Date: Sat, 8 Oct 2022 05:35:03 +0100
Subject: context menu styling

---
 style.css | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index da0729a2..50c5e557 100644
--- a/style.css
+++ b/style.css
@@ -410,4 +410,31 @@ input[type="range"]{
 
 #img2img_image div.h-60{
     height: 480px;
-}
\ No newline at end of file
+}
+
+#context-menu{
+    z-index:9999;
+    position:absolute;
+    display:block;
+    padding:0px 0;
+    border:2px solid #a55000;
+    border-radius:8px;
+    box-shadow:1px 1px 2px #CE6400;
+    width: 200px;
+}
+
+.context-menu-items{
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.context-menu-items a{
+    display:block;
+    padding:5px;
+    cursor:pointer;
+}
+
+.context-menu-items a:hover{
+    background: #a55000;
+}
-- 
cgit v1.2.3


From 786d9f63aaa4515df82eb2cf357ea92f3dae1e29 Mon Sep 17 00:00:00 2001
From: Trung Ngo <codem01@gmail.com>
Date: Tue, 4 Oct 2022 22:56:30 -0500
Subject: Add button to skip the current iteration

---
 style.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 50c5e557..6904fc50 100644
--- a/style.css
+++ b/style.css
@@ -393,10 +393,20 @@ input[type="range"]{
 
 #txt2img_interrupt, #img2img_interrupt{
   position: absolute;
-  width: 100%;
+  width: 50%;
   height: 72px;
   background: #b4c0cc;
-  border-radius: 8px;
+  border-radius: 0px;
+  display: none;
+}
+
+#txt2img_skip, #img2img_skip{
+  position: absolute;
+  width: 50%;
+  right: 0px;
+  height: 72px;
+  background: #b4c0cc;
+  border-radius: 0px;
   display: none;
 }
 
-- 
cgit v1.2.3


From 6c383d2e82045fc4475d665f83bdeeac8fd844d9 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sun, 9 Oct 2022 22:24:07 +0300
Subject: show model selection setting on top of page

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 101d2052..28160bdf 100644
--- a/style.css
+++ b/style.css
@@ -453,3 +453,12 @@ input[type="range"]{
 .context-menu-items a:hover{
     background: #a55000;
 }
+
+#quicksettings > div{
+    border: none;
+}
+
+#quicksettings > div > div{
+    max-width: 32em;
+    padding: 0;
+}
-- 
cgit v1.2.3


From 45fbd1c5fec887988ab555aac75a999d4f3aff40 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Mon, 10 Oct 2022 00:42:18 +0300
Subject: remove background for quicksettings row (for dark theme)

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 28160bdf..c0c3f2bb 100644
--- a/style.css
+++ b/style.css
@@ -456,6 +456,7 @@ input[type="range"]{
 
 #quicksettings > div{
     border: none;
+    background: none;
 }
 
 #quicksettings > div > div{
-- 
cgit v1.2.3


From ce37fdd30e9fc0fe0bc5805a068ce8b11b42b5a3 Mon Sep 17 00:00:00 2001
From: Ben <110583491+TheLastBen@users.noreply.github.com>
Date: Sat, 8 Oct 2022 22:03:00 +0100
Subject: maximize the view

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index c0c3f2bb..04bb9576 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,7 @@
+.container {
+    max-width: 100%;
+}
+
 .output-html p {margin: 0 0.5em;}
 
 .row > *,
-- 
cgit v1.2.3


From 9d33baba587637815d818e5e641d8f8b74c4900d Mon Sep 17 00:00:00 2001
From: Vladimir Repin <32306715+mezotaken@users.noreply.github.com>
Date: Mon, 10 Oct 2022 18:46:48 +0300
Subject: Always show previous mask and fix extras_send dest

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 04bb9576..00a3d07f 100644
--- a/style.css
+++ b/style.css
@@ -467,3 +467,10 @@ input[type="range"]{
     max-width: 32em;
     padding: 0;
 }
+
+canvas[key="mask"] {
+    z-index: 12 !important;
+    filter: invert();
+    mix-blend-mode: multiply;
+    pointer-events: none;
+}
-- 
cgit v1.2.3


From b372f5538bee4feba87080af4f3acf1e437accc6 Mon Sep 17 00:00:00 2001
From: Ben <110583491+TheLastBen@users.noreply.github.com>
Date: Mon, 10 Oct 2022 19:34:07 +0100
Subject: Save some space

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 00a3d07f..38410ca4 100644
--- a/style.css
+++ b/style.css
@@ -2,6 +2,18 @@
     max-width: 100%;
 }
 
+#txt2img_token_counter {
+    height: 0px;
+}
+
+#img2img_token_counter {
+    height: 0px;
+}
+
+#negative_prompt {
+    width: 97.9%;
+}
+
 .output-html p {margin: 0 0.5em;}
 
 .row > *,
-- 
cgit v1.2.3


From 031dc8cd7fa6bc74b44114715b28e0737342de37 Mon Sep 17 00:00:00 2001
From: Ben <110583491+TheLastBen@users.noreply.github.com>
Date: Tue, 11 Oct 2022 08:08:47 +0100
Subject: space holder

---
 style.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 38410ca4..d1c866fc 100644
--- a/style.css
+++ b/style.css
@@ -10,8 +10,16 @@
     height: 0px;
 }
 
-#negative_prompt {
-    width: 97.9%;
+#sh{
+    min-width: 2em;
+    min-height: 2em;
+    max-width: 2em;
+    max-height: 2em;
+    flex-grow: 0;
+    padding-left: 0.25em;
+    padding-right: 0.25em;
+    margin: 0.1em 0;
+    opacity: 0%;
 }
 
 .output-html p {margin: 0 0.5em;}
-- 
cgit v1.2.3


From 54c519943a24881ea61af5a73dedbab92f9431ce Mon Sep 17 00:00:00 2001
From: Ben <110583491+TheLastBen@users.noreply.github.com>
Date: Tue, 11 Oct 2022 10:16:53 +0100
Subject: Update style.css

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index d1c866fc..ecb51bb0 100644
--- a/style.css
+++ b/style.css
@@ -20,6 +20,7 @@
     padding-right: 0.25em;
     margin: 0.1em 0;
     opacity: 0%;
+    cursor: default;	
 }
 
 .output-html p {margin: 0 0.5em;}
-- 
cgit v1.2.3


From d7474a5185df2af84a93a12bc7e140d24e0fc516 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Tue, 11 Oct 2022 21:10:55 +0300
Subject: bump gradio to 3.4.1

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index ecb51bb0..e6fa10b4 100644
--- a/style.css
+++ b/style.css
@@ -240,6 +240,7 @@ fieldset span.text-gray-500, .gr-block.gr-box span.text-gray-500,  label.block s
 #settings fieldset span.text-gray-500, #settings .gr-block.gr-box span.text-gray-500, #settings label.block span{
     position: relative;
     border: none;
+    margin-right: 8em;
 }
 
 .gr-panel div.flex-col div.justify-between label span{
@@ -495,3 +496,13 @@ canvas[key="mask"] {
     mix-blend-mode: multiply;
     pointer-events: none;
 }
+
+
+/* gradio 3.4.1 stuff for editable scrollbar values */
+.gr-box > div > div > input.gr-text-input{
+    position: absolute;
+    right: 0.5em;
+    top: -0.6em;
+    z-index: 200;
+    width: 8em;
+}
-- 
cgit v1.2.3


From bb7baf6b9cb6b4b9fa09b6f07ef997db32fe6e58 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Thu, 13 Oct 2022 16:07:18 +0300
Subject: add option to change what's shown in quicksettings bar

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index e6fa10b4..55c41971 100644
--- a/style.css
+++ b/style.css
@@ -488,6 +488,7 @@ input[type="range"]{
 #quicksettings > div > div{
     max-width: 32em;
     padding: 0;
+    margin-right: 0.75em;
 }
 
 canvas[key="mask"] {
-- 
cgit v1.2.3


From a10b0e11fc22cc67b6a3664f2ddd17425d8433a8 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Thu, 13 Oct 2022 19:22:41 +0300
Subject: options to refresh list of models and hypernetworks

---
 style.css | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 55c41971..ad2a52cc 100644
--- a/style.css
+++ b/style.css
@@ -228,6 +228,8 @@ fieldset span.text-gray-500, .gr-block.gr-box span.text-gray-500,  label.block s
     border-top: 1px solid #eee;
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
+
+    z-index: 300;
 }
 
 .dark fieldset span.text-gray-500, .dark .gr-block.gr-box span.text-gray-500, .dark label.block span{
@@ -480,17 +482,30 @@ input[type="range"]{
     background: #a55000;
 }
 
+#quicksettings {
+    gap: 0.4em;
+}
+
 #quicksettings > div{
     border: none;
     background: none;
+    flex: unset;
+    gap: 0.5em;
 }
 
 #quicksettings > div > div{
     max-width: 32em;
+    min-width: 24em;
     padding: 0;
-    margin-right: 0.75em;
 }
 
+#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork{
+    max-width: 2.5em;
+    min-width: 2.5em;
+    height: 2.4em;
+}
+
+
 canvas[key="mask"] {
     z-index: 12 !important;
     filter: invert();
@@ -507,3 +522,7 @@ canvas[key="mask"] {
     z-index: 200;
     width: 8em;
 }
+
+.row.gr-compact{
+    overflow: visible;
+}
-- 
cgit v1.2.3


From 354ef0da3b1f0fa5c113d04b6c79e3908c848d23 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Thu, 13 Oct 2022 20:12:37 +0300
Subject: add hypernetwork multipliers

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index ad2a52cc..aa3d379c 100644
--- a/style.css
+++ b/style.css
@@ -522,6 +522,9 @@ canvas[key="mask"] {
     z-index: 200;
     width: 8em;
 }
+#quicksettings .gr-box > div > div > input.gr-text-input {
+  top: -1.12em;
+}
 
 .row.gr-compact{
     overflow: visible;
-- 
cgit v1.2.3


From 6cdf55627cb4eb156fb7d8c010d396f93011c04e Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Fri, 14 Oct 2022 21:12:52 +0300
Subject: restore borders for prompts

---
 style.css | 8 --------
 1 file changed, 8 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index aa3d379c..2306c002 100644
--- a/style.css
+++ b/style.css
@@ -167,14 +167,6 @@ button{
     align-self: stretch !important;
 }
 
-#prompt, #negative_prompt{
-    border: none !important;
-}
-#prompt textarea, #negative_prompt textarea{
-    border: none !important;
-}
-
-
 #img2maskimg .h-60{
     height: 30rem;
 }
-- 
cgit v1.2.3


From e8729dd0511f8410db967d9ef192645cfef1be8a Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sat, 15 Oct 2022 12:54:23 +0300
Subject: re-apply height hacks to work with new gradio

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 2306c002..c27e53f8 100644
--- a/style.css
+++ b/style.css
@@ -167,10 +167,6 @@ button{
     align-self: stretch !important;
 }
 
-#img2maskimg .h-60{
-    height: 30rem;
-}
-
 .overflow-hidden, .gr-panel{
     overflow: visible !important;
 }
@@ -443,10 +439,6 @@ input[type="range"]{
     --tw-bg-opacity: 0 !important;
 }
 
-#img2img_image div.h-60{
-    height: 480px;
-}
-
 #context-menu{
     z-index:9999;
     position:absolute;
@@ -521,3 +513,11 @@ canvas[key="mask"] {
 .row.gr-compact{
     overflow: visible;
 }
+
+#img2img_image, #img2img_image > .h-60, #img2img_image > .h-60 > div, #img2img_image > .h-60 > div > img,
+img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h-60 > div > img
+{
+    height: 480px !important;
+    max-height: 480px !important;
+    min-height: 480px !important;
+}
\ No newline at end of file
-- 
cgit v1.2.3


From d3463bc59a44d62c2de8b357184c49876d84f654 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sat, 15 Oct 2022 14:22:30 +0300
Subject: change styling for top right corner UI made save style button not die
 when you cancel

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index c27e53f8..b534f950 100644
--- a/style.css
+++ b/style.css
@@ -115,7 +115,7 @@
     padding: 0.4em 0;
 }
 
-#roll, #paste{
+#roll, #paste, #style_create, #style_apply{
     min-width: 2em;
     min-height: 2em;
     max-width: 2em;
@@ -126,14 +126,14 @@
     margin: 0.1em 0;
 }
 
-#style_apply, #style_create, #interrogate{
-    margin: 0.75em 0.25em 0.25em 0.25em;
-    min-width: 5em;
+#interrogate_col{
+    min-width: 0 !important;
+    max-width: 8em !important;
 }
-
-#style_apply, #style_create, #deepbooru{
-    margin: 0.75em 0.25em 0.25em 0.25em;
-    min-width: 5em;
+#interrogate, #deepbooru{
+    margin: 0em 0.25em 0.9em 0.25em;
+    min-width: 8em;
+    max-width: 8em;
 }
 
 #style_pos_col, #style_neg_col{
-- 
cgit v1.2.3


From 5fd638f14d75a71a37157ded5d33c716ab9eb8ca Mon Sep 17 00:00:00 2001
From: ruocaled <ruocaled@gmail.com>
Date: Sat, 15 Oct 2022 02:00:46 -0700
Subject: fix download section layout

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index b534f950..920c32ab 100644
--- a/style.css
+++ b/style.css
@@ -237,13 +237,6 @@ fieldset span.text-gray-500, .gr-block.gr-box span.text-gray-500,  label.block s
     margin: 0;
 }
 
-.gr-panel div.flex-col div.justify-between div{
-  position: absolute;
-  top: -0.1em;
-  right: 1em;
-  padding: 0 0.5em;
-}
-
 #settings .gr-panel div.flex-col div.justify-between div{
     position: relative;
     z-index: 200;
-- 
cgit v1.2.3


From 606519813dd998140a741096f9029c732ee52d2a Mon Sep 17 00:00:00 2001
From: guaneec <guaneec@users.noreply.github.com>
Date: Sat, 15 Oct 2022 22:10:39 +0800
Subject: Prevent modal content from being selected

---
 style.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 920c32ab..33832ebf 100644
--- a/style.css
+++ b/style.css
@@ -309,6 +309,8 @@ input[type="range"]{
   height: 100%;
   overflow: auto;
   background-color: rgba(20, 20, 20, 0.95);
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .modalControls {
@@ -513,4 +515,4 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     height: 480px !important;
     max-height: 480px !important;
     min-height: 480px !important;
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3


From 36a0ba357ab0742c3c4a28437b68fb29a235afbe Mon Sep 17 00:00:00 2001
From: Junpeng Qiu <naminoqiu@gmail.com>
Date: Sat, 15 Oct 2022 21:42:52 -0700
Subject: Added Refresh Button to embedding and hypernetwork names in Train Tab

Problem
everytime I modified pt files in embedding_dir or hypernetwork_dir, I
need to restart webui to have the new files shown in the dropdown of
Train Tab

Solution
refactored create_refresh_button out of create_setting_component so we
can use this method to create button next to gr.Dropdowns of embedding
name and hypernetworks

Extra Modification
hypernetwork pt are now sorted in alphabetic order
---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 33832ebf..71eb4d20 100644
--- a/style.css
+++ b/style.css
@@ -478,7 +478,7 @@ input[type="range"]{
     padding: 0;
 }
 
-#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork{
+#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name{
     max-width: 2.5em;
     min-width: 2.5em;
     height: 2.4em;
-- 
cgit v1.2.3


From cf47d13c1e11fcb7169bac7488d2c39e579ee491 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Mon, 17 Oct 2022 21:15:32 +0300
Subject: localization support

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 71eb4d20..9dc4b696 100644
--- a/style.css
+++ b/style.css
@@ -478,7 +478,7 @@ input[type="range"]{
     padding: 0;
 }
 
-#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name{
+#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization{
     max-width: 2.5em;
     min-width: 2.5em;
     height: 2.4em;
-- 
cgit v1.2.3


From 83a517eb96cc36cf1dc0915a9ebde43a7e05c7da Mon Sep 17 00:00:00 2001
From: realryo1 <60560430+realryo1@users.noreply.github.com>
Date: Wed, 19 Oct 2022 04:48:00 +0900
Subject: Fixed performance, vram style disorder

---
 style.css | 5 -----
 1 file changed, 5 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 9dc4b696..9bd408cd 100644
--- a/style.css
+++ b/style.css
@@ -34,9 +34,6 @@
 .performance {
     font-size: 0.85em;
     color: #444;
-    display: flex;
-    justify-content: space-between;
-    white-space: nowrap;
 }
 
 .performance .time {
@@ -44,8 +41,6 @@
 }
 
 .performance .vram {
-    margin-left: 0;
-    text-align: right;
 }
 
 #txt2img_generate, #img2img_generate {
-- 
cgit v1.2.3


From 9931c0bd48346dc5af23864117becfac33347a7c Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Wed, 19 Oct 2022 12:01:31 +0300
Subject: remove the unneeded line break introduced by #3092

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 9bd408cd..26ae36a5 100644
--- a/style.css
+++ b/style.css
@@ -36,6 +36,10 @@
     color: #444;
 }
 
+.performance p{
+    display: inline-block;
+}
+
 .performance .time {
     margin-right: 0;
 }
-- 
cgit v1.2.3


From 8b74b9aa9a20e4c5c1f72641f8b9617479eb276b Mon Sep 17 00:00:00 2001
From: papuSpartan <mcgpapu@gmail.com>
Date: Wed, 19 Oct 2022 19:06:14 -0500
Subject: add symbol for clear button and simplify roll_col css selector

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 26ae36a5..21a8911f 100644
--- a/style.css
+++ b/style.css
@@ -114,7 +114,7 @@
     padding: 0.4em 0;
 }
 
-#roll, #paste, #style_create, #style_apply{
+#roll_col > button {
     min-width: 2em;
     min-height: 2em;
     max-width: 2em;
-- 
cgit v1.2.3


From df5706409386cc2e88718bd9101045587c39f8bb Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Fri, 21 Oct 2022 16:10:51 +0300
Subject: do not load aesthetic clip model until it's needed add refresh button
 for aesthetic embeddings add aesthetic params to images' infotext

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 26ae36a5..5d2bacc9 100644
--- a/style.css
+++ b/style.css
@@ -477,7 +477,7 @@ input[type="range"]{
     padding: 0;
 }
 
-#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization{
+#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization, #refresh_aesthetic_embeddings{
     max-width: 2.5em;
     min-width: 2.5em;
     height: 2.4em;
-- 
cgit v1.2.3


From 6398dc9b1049f242576ca309f95a3fb1e654951c Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sat, 22 Oct 2022 13:34:49 +0300
Subject: further support for extensions

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 5d2bacc9..26ae36a5 100644
--- a/style.css
+++ b/style.css
@@ -477,7 +477,7 @@ input[type="range"]{
     padding: 0;
 }
 
-#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization, #refresh_aesthetic_embeddings{
+#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization{
     max-width: 2.5em;
     min-width: 2.5em;
     height: 2.4em;
-- 
cgit v1.2.3


From ca2ebc89c2d18c02d9e337b660fdabe7178a6ccc Mon Sep 17 00:00:00 2001
From: xmodar <modar.alfadly@gmail.com>
Date: Mon, 24 Oct 2022 19:03:01 +0300
Subject: Add RTL languages support and improved Arabic localization

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 26ae36a5..13a9fb07 100644
--- a/style.css
+++ b/style.css
@@ -515,3 +515,77 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     max-height: 480px !important;
     min-height: 480px !important;
 }
+
+/* The following handles localization for right-to-left (RTL) languages like Arabic.
+The rtl media type will only be activated by the logic in javascript/localization.js.
+If you change anything above, you need to make sure it is RTL compliant by just running
+your changes through converters like https://cssjanus.github.io/ or https://rtlcss.com/.
+Then, you will need to add the RTL counterpart only if needed in the rtl section below.*/
+@media rtl {
+    /* this part was manualy added */
+    :host {
+        direction: rtl;
+    }
+    .output-html:has(.performance), .gr-text-input {
+        direction: ltr;
+    }
+    .gr-radio, .gr-checkbox{
+        margin-left: 0.25em;
+    }
+
+    /* this part was automatically generated with few manual modifications */
+    .performance .time {
+        margin-right: unset;
+        margin-left: 0;
+    }
+    .justify-center.overflow-x-scroll {
+        justify-content: right;
+    }
+    .justify-center.overflow-x-scroll button:first-of-type {
+        margin-left: unset;
+        margin-right: auto;
+    }
+    .justify-center.overflow-x-scroll button:last-of-type {
+        margin-right: unset;
+        margin-left: auto;
+    }
+    #settings fieldset span.text-gray-500, #settings .gr-block.gr-box span.text-gray-500, #settings label.block span{
+        margin-right: unset;
+        margin-left: 8em;
+    }
+    #txt2img_progressbar, #img2img_progressbar, #ti_progressbar{
+        right: unset;
+        left: 0;
+    }
+    .progressDiv .progress{
+        padding: 0 0 0 8px;
+        text-align: left;
+    }
+    #lightboxModal{
+        left: unset;
+        right: 0;
+    }
+    .modalPrev, .modalNext{
+        border-radius: 3px 0 0 3px;
+    }
+    .modalNext {
+        right: unset;
+        left: 0;
+        border-radius: 0 3px 3px 0;
+    }
+    #imageARPreview{
+        left:unset;
+        right:0px;
+    }
+    #txt2img_skip, #img2img_skip{
+        right: unset;
+        left: 0px;
+    }
+    #context-menu{
+        box-shadow:-1px 1px 2px #CE6400;
+    }
+    .gr-box > div > div > input.gr-text-input{
+        right: unset;
+        left: 0.5em;
+    }
+}
-- 
cgit v1.2.3


From 54cdd4e1f4168697f32882c0b33842e767b66884 Mon Sep 17 00:00:00 2001
From: xmodar <modar.alfadly@gmail.com>
Date: Wed, 26 Oct 2022 22:49:45 +0300
Subject: Add LTR checkpoint lists and updated Arabic localization

---
 style.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 13a9fb07..f4d37e72 100644
--- a/style.css
+++ b/style.css
@@ -522,18 +522,28 @@ If you change anything above, you need to make sure it is RTL compliant by just
 your changes through converters like https://cssjanus.github.io/ or https://rtlcss.com/.
 Then, you will need to add the RTL counterpart only if needed in the rtl section below.*/
 @media rtl {
-    /* this part was manualy added */
+    /* this part was added manually */
     :host {
         direction: rtl;
     }
-    .output-html:has(.performance), .gr-text-input {
+    .file-preview,
+    .gr-text-input,
+    .output-html:has(.performance),
+    #txt2img_style_index > label > select,
+    #txt2img_style2_index > label > select,
+    #img2img_style_index > label > select,
+    #img2img_style2_index > label > select,
+    #setting_sd_model_checkpoint > label > select,
+    #modelmerger_primary_model_name > label > select,
+    #modelmerger_secondary_model_name > label > select,
+    #modelmerger_tertiary_model_name > label > select {
         direction: ltr;
     }
     .gr-radio, .gr-checkbox{
         margin-left: 0.25em;
     }
 
-    /* this part was automatically generated with few manual modifications */
+    /* automatically generated with few manual modifications */
     .performance .time {
         margin-right: unset;
         margin-left: 0;
-- 
cgit v1.2.3


From 3de036514138d7cdcba9729c975f1683a8e06b16 Mon Sep 17 00:00:00 2001
From: xmodar <modar.alfadly@gmail.com>
Date: Wed, 26 Oct 2022 23:56:11 +0300
Subject: Add id access to scripts list in the css

---
 style.css | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index f4d37e72..c49954e0 100644
--- a/style.css
+++ b/style.css
@@ -526,19 +526,14 @@ Then, you will need to add the RTL counterpart only if needed in the rtl section
     :host {
         direction: rtl;
     }
-    .file-preview,
-    .gr-text-input,
-    .output-html:has(.performance),
-    #txt2img_style_index > label > select,
-    #txt2img_style2_index > label > select,
-    #img2img_style_index > label > select,
-    #img2img_style2_index > label > select,
-    #setting_sd_model_checkpoint > label > select,
-    #modelmerger_primary_model_name > label > select,
-    #modelmerger_secondary_model_name > label > select,
-    #modelmerger_tertiary_model_name > label > select {
+    select, .file-preview, .gr-text-input, .output-html:has(.performance) {
         direction: ltr;
     }
+    #script_list > label > select,
+    #x_type > label > select,
+    #y_type > label > select {
+        direction: rtl;
+    }
     .gr-radio, .gr-checkbox{
         margin-left: 0.25em;
     }
-- 
cgit v1.2.3


From 0995e879cea8ce871489ea8e393bb0eba6edc09c Mon Sep 17 00:00:00 2001
From: Florian Horn <florianins@gmail.com>
Date: Thu, 27 Oct 2022 16:20:01 +0200
Subject: added save button and shortcut (s) to Modal View

---
 style.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 13a9fb07..fa357a49 100644
--- a/style.css
+++ b/style.css
@@ -314,8 +314,8 @@ input[type="range"]{
 
 .modalControls {
     display: grid;
-    grid-template-columns: 32px auto 1fr 32px;
-    grid-template-areas: "zoom tile space close";
+    grid-template-columns: 32px auto 32px 1fr 32px;
+    grid-template-areas: "zoom tile save space close";
     position: absolute;
     top: 0;
     left: 0;
@@ -333,6 +333,10 @@ input[type="range"]{
     grid-area: zoom;
 }
 
+.modalSave {
+    grid-area: save;
+}
+
 .modalTileImage {
     grid-area: tile;
 }
@@ -346,8 +350,18 @@ input[type="range"]{
   cursor: pointer;
 }
 
+.modalSave {
+    color: white;
+    font-size: 30px;
+    margin-top: 6px;
+    font-weight: bold;
+    cursor: pointer;
+}
+
 .modalClose:hover,
 .modalClose:focus,
+.modalSave:hover,
+.modalSave:focus,
 .modalZoom:hover,
 .modalZoom:focus {
   color: #999;
-- 
cgit v1.2.3


From bf25b51c3167426d3a340d2a3facea58813d4914 Mon Sep 17 00:00:00 2001
From: Florian Horn <florianins@gmail.com>
Date: Thu, 27 Oct 2022 16:38:55 +0200
Subject: fixed position to be in line with the other icons

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index fa357a49..7b3ad050 100644
--- a/style.css
+++ b/style.css
@@ -314,7 +314,7 @@ input[type="range"]{
 
 .modalControls {
     display: grid;
-    grid-template-columns: 32px auto 32px 1fr 32px;
+    grid-template-columns: 32px 32px 32px 1fr 32px;
     grid-template-areas: "zoom tile save space close";
     position: absolute;
     top: 0;
@@ -352,8 +352,8 @@ input[type="range"]{
 
 .modalSave {
     color: white;
-    font-size: 30px;
-    margin-top: 6px;
+    font-size: 28px;
+    margin-top: 8px;
     font-weight: bold;
     cursor: pointer;
 }
-- 
cgit v1.2.3


From 68760a48cb537e08e58014819bb8f83dbd30e831 Mon Sep 17 00:00:00 2001
From: xmodar <modar.alfadly@gmail.com>
Date: Thu, 27 Oct 2022 17:46:00 +0300
Subject: Add forced LTR for training progress

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index c49954e0..8dd483ef 100644
--- a/style.css
+++ b/style.css
@@ -526,7 +526,7 @@ Then, you will need to add the RTL counterpart only if needed in the rtl section
     :host {
         direction: rtl;
     }
-    select, .file-preview, .gr-text-input, .output-html:has(.performance) {
+    select, .file-preview, .gr-text-input, .output-html:has(.performance), #ti_progress {
         direction: ltr;
     }
     #script_list > label > select,
-- 
cgit v1.2.3


From 7c8c3715f552378cf81ad28f26fad92b37bd153d Mon Sep 17 00:00:00 2001
From: Muhammad Rizqi Nur <rizqinur2010@gmail.com>
Date: Mon, 31 Oct 2022 20:15:33 +0700
Subject: Fix VAE refresh button stretching out

From https://github.com/AUTOMATIC1111/stable-diffusion-webui/pull/3986#issuecomment-1296990601
---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 8b2211b1..c1b190e9 100644
--- a/style.css
+++ b/style.css
@@ -491,7 +491,7 @@ input[type="range"]{
     padding: 0;
 }
 
-#refresh_sd_model_checkpoint, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization{
+#refresh_sd_model_checkpoint, #refresh_sd_vae, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization{
     max-width: 2.5em;
     min-width: 2.5em;
     height: 2.4em;
-- 
cgit v1.2.3


From 910a097ae2ed78a62101951f1b87137f9e1baaea Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Mon, 31 Oct 2022 17:36:45 +0300
Subject: add initial version of the extensions tab fix broken Restart Gradio
 button

---
 style.css | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 8b2211b1..859c3933 100644
--- a/style.css
+++ b/style.css
@@ -530,6 +530,26 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     min-height: 480px !important;
 }
 
+/* Extensions */
+
+#extensions{
+    border-collapse: collapse;
+}
+
+#extensions td, #extensions th{
+    border: 1px solid #ccc;
+    padding: 0.25em 0.5em;
+}
+
+#extensions input[type="checkbox"]{
+    margin-right: 0.5em;
+}
+
+#tab_extensions button{
+    max-width: 16em;
+}
+
+
 /* The following handles localization for right-to-left (RTL) languages like Arabic.
 The rtl media type will only be activated by the logic in javascript/localization.js.
 If you change anything above, you need to make sure it is RTL compliant by just running
@@ -607,4 +627,4 @@ Then, you will need to add the RTL counterpart only if needed in the rtl section
         right: unset;
         left: 0.5em;
     }
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3


From 5b0f624bdc1335313258f59a37607e699e800c22 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Tue, 1 Nov 2022 09:59:00 +0300
Subject: Added Available tab to extensions UI.

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 859c3933..dfef0dc5 100644
--- a/style.css
+++ b/style.css
@@ -532,16 +532,16 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
 
 /* Extensions */
 
-#extensions{
+#tab_extensions table{
     border-collapse: collapse;
 }
 
-#extensions td, #extensions th{
+#tab_extensions table td, #tab_extensions table th{
     border: 1px solid #ccc;
     padding: 0.25em 0.5em;
 }
 
-#extensions input[type="checkbox"]{
+#tab_extensions table input[type="checkbox"]{
     margin-right: 0.5em;
 }
 
@@ -549,6 +549,9 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     max-width: 16em;
 }
 
+#tab_extensions input[disabled="disabled"]{
+    opacity: 0.5;
+}
 
 /* The following handles localization for right-to-left (RTL) languages like Arabic.
 The rtl media type will only be activated by the logic in javascript/localization.js.
-- 
cgit v1.2.3


From 95c6308ccd2e075d1fb804f5b98a4f0b07b87b7d Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Wed, 2 Nov 2022 09:47:53 +0300
Subject: switch to gradio 3.8

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index dfef0dc5..e53079e0 100644
--- a/style.css
+++ b/style.css
@@ -260,6 +260,16 @@ input[type="range"]{
 #txt2img_negative_prompt, #img2img_negative_prompt{
 }
 
+/* gradio 3.8 adds opacity to progressbar which makes it blink; disable it here */
+.transition.opacity-20 {
+  opacity: 1 !important;
+}
+
+/* more gradio's garbage cleanup */
+.min-h-\[4rem\] {
+  min-height: unset !important;
+}
+
 #txt2img_progressbar, #img2img_progressbar, #ti_progressbar{
   position: absolute;
   z-index: 1000;
-- 
cgit v1.2.3


From e5b4e3f820cd09e751f1d168ab05d606d078a0d9 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sun, 6 Nov 2022 10:12:53 +0300
Subject: add tags to extensions, and ability to filter out tags list changed
 Settings keys in UI do not print VRAM/etc stats everywhere but in calls that
 use GPU

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index a0382a8c..e2b71f25 100644
--- a/style.css
+++ b/style.css
@@ -563,6 +563,11 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     opacity: 0.5;
 }
 
+.extension-tag{
+    font-weight: bold;
+    font-size: 95%;
+}
+
 /* The following handles localization for right-to-left (RTL) languages like Arabic.
 The rtl media type will only be activated by the logic in javascript/localization.js.
 If you change anything above, you need to make sure it is RTL compliant by just running
-- 
cgit v1.2.3


From 360feed9b55fb03060c236773867b08b4265645d Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sun, 1 Jan 2023 00:38:58 +0300
Subject: HAPPY NEW YEAR

make save to zip into its own button instead of a checkbox
---
 style.css | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 3ad78006..f245f674 100644
--- a/style.css
+++ b/style.css
@@ -568,6 +568,12 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     font-size: 95%;
 }
 
+#image_buttons_txt2img button, #image_buttons_img2img button, #image_buttons_extras button{
+    min-width: auto;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+}
+
 /* The following handles localization for right-to-left (RTL) languages like Arabic.
 The rtl media type will only be activated by the logic in javascript/localization.js.
 If you change anything above, you need to make sure it is RTL compliant by just running
-- 
cgit v1.2.3


From a939e82a0b982517aa212197a0e5f6d11daec7d0 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sun, 1 Jan 2023 03:24:58 +0300
Subject: fix weird padding for sampler dropdown in chrome

---
 style.css | 5 -----
 1 file changed, 5 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index f245f674..4b98b84d 100644
--- a/style.css
+++ b/style.css
@@ -245,11 +245,6 @@ input[type="range"]{
     margin: 0.5em 0 -0.3em 0;
 }
 
-#txt2img_sampling label{
-    padding-left: 0.6em;
-    padding-right: 0.6em;
-}
-
 #mask_bug_info {
   text-align: center;
   display: block;
-- 
cgit v1.2.3


From 11d432d92d63660c516540dcb48faac87669b4f0 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sun, 1 Jan 2023 10:35:38 +0300
Subject: add refresh buttons to checkpoint merger

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 4b98b84d..516ef7bf 100644
--- a/style.css
+++ b/style.css
@@ -496,7 +496,7 @@ input[type="range"]{
     padding: 0;
 }
 
-#refresh_sd_model_checkpoint, #refresh_sd_vae, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization{
+#refresh_sd_model_checkpoint, #refresh_sd_vae, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization, #refresh_checkpoint_A, #refresh_checkpoint_B, #refresh_checkpoint_C{
     max-width: 2.5em;
     min-width: 2.5em;
     height: 2.4em;
-- 
cgit v1.2.3


From e5f1a37cb9b537d95b2df47c96b4a4f7242fd294 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sun, 1 Jan 2023 13:08:40 +0300
Subject: make refresh buttons look more nice

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 516ef7bf..f168571e 100644
--- a/style.css
+++ b/style.css
@@ -496,13 +496,6 @@ input[type="range"]{
     padding: 0;
 }
 
-#refresh_sd_model_checkpoint, #refresh_sd_vae, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization, #refresh_checkpoint_A, #refresh_checkpoint_B, #refresh_checkpoint_C{
-    max-width: 2.5em;
-    min-width: 2.5em;
-    height: 2.4em;
-}
-
-
 canvas[key="mask"] {
     z-index: 12 !important;
     filter: invert();
@@ -569,6 +562,27 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     padding-right: 0.5em;
 }
 
+.gr-form{
+    background-color: white;
+}
+
+.dark .gr-form{
+    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
+
+.gr-button-tool{
+    max-width: 2.5em;
+    min-width: 2.5em !important;
+    height: 2.4em;
+    margin: 0.55em 0;
+}
+
+#quicksettings .gr-button-tool{
+    margin: 0;
+}
+
+
+
 /* The following handles localization for right-to-left (RTL) languages like Arabic.
 The rtl media type will only be activated by the logic in javascript/localization.js.
 If you change anything above, you need to make sure it is RTL compliant by just running
-- 
cgit v1.2.3


From a005fccddd5a37c57f1afe5234660b59b9a41508 Mon Sep 17 00:00:00 2001
From: me <25877290+Kryptortio@users.noreply.github.com>
Date: Sun, 1 Jan 2023 14:51:12 +0100
Subject: Add a lot more elem_id/HTML id, modified some that were duplicates
 for seed section

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index f168571e..924d4ae7 100644
--- a/style.css
+++ b/style.css
@@ -73,7 +73,7 @@
     margin-right: auto;
 }
 
-#random_seed, #random_subseed, #reuse_seed, #reuse_subseed, #open_folder{
+[id$=_random_seed], [id$=_random_subseed], [id$=_reuse_seed], [id$=_reuse_subseed], #open_folder{
     min-width: auto;
     flex-grow: 0;
     padding-left: 0.25em;
@@ -84,27 +84,27 @@
     display: none;
 }
 
-#seed_row, #subseed_row{
+[id$=_seed_row], [id$=_subseed_row]{
     gap: 0.5rem;
 }
 
-#subseed_show_box{
+[id$=_subseed_show_box]{
     min-width: auto;
     flex-grow: 0;
 }
 
-#subseed_show_box > div{
+[id$=_subseed_show_box] > div{
     border: 0;
     height: 100%;
 }
 
-#subseed_show{
+[id$=_subseed_show]{
     min-width: auto;
     flex-grow: 0;
     padding: 0;
 }
 
-#subseed_show label{
+[id$=_subseed_show] label{
     height: 100%;
 }
 
-- 
cgit v1.2.3


From 1d7a31def8b5f4c348e2dd07536ac56cb4350614 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Tue, 3 Jan 2023 06:21:53 +0300
Subject: make edit fields for sliders not get hidden by slider's label when
 there's not enough space

---
 style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 924d4ae7..77551dd7 100644
--- a/style.css
+++ b/style.css
@@ -509,7 +509,7 @@ canvas[key="mask"] {
     position: absolute;
     right: 0.5em;
     top: -0.6em;
-    z-index: 200;
+    z-index: 400;
     width: 8em;
 }
 #quicksettings .gr-box > div > div > input.gr-text-input {
-- 
cgit v1.2.3


From 269f6e867651cadef40d2c939a79d13291280bcd Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Tue, 3 Jan 2023 07:20:20 +0300
Subject: change settings UI to use vertical tabs

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 77551dd7..7df4d960 100644
--- a/style.css
+++ b/style.css
@@ -241,6 +241,33 @@ fieldset span.text-gray-500, .gr-block.gr-box span.text-gray-500,  label.block s
     z-index: 200;
 }
 
+#settings{
+    display: block;
+}
+
+#settings > div{
+    border: none;
+    margin-left: 10em;
+}
+
+#settings > div.flex-wrap{
+    float: left;
+    display: block;
+    margin-left: 0;
+    width: 10em;
+}
+
+#settings > div.flex-wrap button{
+    display: block;
+    border: none;
+    text-align: left;
+}
+
+#settings_result{
+    height: 1.4em;
+    margin: 0 1.2em;
+}
+
 input[type="range"]{
     margin: 0.5em 0 -0.3em 0;
 }
-- 
cgit v1.2.3


From 18c03cdeac6272734b0c09afd3fbe47d1372dd07 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Tue, 3 Jan 2023 09:04:29 +0300
Subject: styling rework to make things more compact

---
 style.css | 35 +++++++++++++++++++++--------------
 1 file changed, 21 insertions(+), 14 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 7df4d960..86a265f6 100644
--- a/style.css
+++ b/style.css
@@ -74,7 +74,8 @@
 }
 
 [id$=_random_seed], [id$=_random_subseed], [id$=_reuse_seed], [id$=_reuse_subseed], #open_folder{
-    min-width: auto;
+    min-width: 2.3em;
+    height: 2.5em;
     flex-grow: 0;
     padding-left: 0.25em;
     padding-right: 0.25em;
@@ -86,6 +87,7 @@
 
 [id$=_seed_row], [id$=_subseed_row]{
     gap: 0.5rem;
+    padding: 0.6em;
 }
 
 [id$=_subseed_show_box]{
@@ -206,24 +208,24 @@ button{
 
 fieldset span.text-gray-500, .gr-block.gr-box span.text-gray-500,  label.block span{
     position: absolute;
-    top: -0.6em;
+    top: -0.5em;
     line-height: 1.2em;
-    padding: 0 0.5em;
-    margin: 0;
+    padding: 0;
+    margin: 0 0.5em;
 
     background-color: white;
-    border-top: 1px solid #eee;
-    border-left: 1px solid #eee;
-    border-right: 1px solid #eee;
+    box-shadow: 0 0 5px 5px white;
 
     z-index: 300;
 }
 
 .dark fieldset span.text-gray-500, .dark .gr-block.gr-box span.text-gray-500, .dark label.block span{
     background-color: rgb(31, 41, 55);
-    border-top: 1px solid rgb(55 65 81);
-    border-left: 1px solid rgb(55 65 81);
-    border-right: 1px solid rgb(55 65 81);
+    box-shadow: 0 0 5px 5px rgb(31, 41, 55);
+}
+
+#txt2img_column_batch, #img2img_column_batch{
+    min-width: min(13.5em, 100%) !important;
 }
 
 #settings fieldset span.text-gray-500, #settings .gr-block.gr-box span.text-gray-500, #settings label.block span{
@@ -232,10 +234,6 @@ fieldset span.text-gray-500, .gr-block.gr-box span.text-gray-500,  label.block s
     margin-right: 8em;
 }
 
-.gr-panel div.flex-col div.justify-between label span{
-    margin: 0;
-}
-
 #settings .gr-panel div.flex-col div.justify-between div{
     position: relative;
     z-index: 200;
@@ -609,6 +607,15 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
 }
 
 
+#img2img_settings > div.gr-form, #txt2img_settings > div.gr-form {
+    padding-top: 0.9em;
+}
+
+#img2img_settings div.gr-form .gr-form, #txt2img_settings div.gr-form .gr-form{
+    border: none;
+    padding-bottom: 0.5em;
+}
+
 
 /* The following handles localization for right-to-left (RTL) languages like Arabic.
 The rtl media type will only be activated by the logic in javascript/localization.js.
-- 
cgit v1.2.3


From fda1ed184381fdf8aa81be4f64e77787f3fac1b2 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Tue, 3 Jan 2023 12:01:32 +0300
Subject: some minor improvements for dark mode UI

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 86a265f6..7296ce91 100644
--- a/style.css
+++ b/style.css
@@ -208,20 +208,20 @@ button{
 
 fieldset span.text-gray-500, .gr-block.gr-box span.text-gray-500,  label.block span{
     position: absolute;
-    top: -0.5em;
+    top: -0.7em;
     line-height: 1.2em;
     padding: 0;
     margin: 0 0.5em;
 
     background-color: white;
-    box-shadow: 0 0 5px 5px white;
+    box-shadow:  6px 0 6px 0px white, -6px 0 6px 0px white;
 
     z-index: 300;
 }
 
 .dark fieldset span.text-gray-500, .dark .gr-block.gr-box span.text-gray-500, .dark label.block span{
     background-color: rgb(31, 41, 55);
-    box-shadow: 0 0 5px 5px rgb(31, 41, 55);
+    box-shadow: 6px 0 6px 0px rgb(31, 41, 55), -6px 0 6px 0px rgb(31, 41, 55);
 }
 
 #txt2img_column_batch, #img2img_column_batch{
-- 
cgit v1.2.3


From 82cfc227d735c140447d5b8dca29a71ee9bde127 Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Tue, 3 Jan 2023 20:23:17 +0300
Subject: added licenses screen to settings added footer removed unused
 inpainting code

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 7296ce91..2116ec3c 100644
--- a/style.css
+++ b/style.css
@@ -616,6 +616,17 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     padding-bottom: 0.5em;
 }
 
+footer {
+    display: none !important;
+}
+
+#footer{
+    text-align: center;
+}
+
+#footer div{
+    display: inline-block;
+}
 
 /* The following handles localization for right-to-left (RTL) languages like Arabic.
 The rtl media type will only be activated by the logic in javascript/localization.js.
-- 
cgit v1.2.3