From b1c6e39620dd398ae6a2cb1e9236b65a7294cf59 Mon Sep 17 00:00:00 2001
From: w-e-w <40751091+w-e-w@users.noreply.github.com>
Date: Thu, 29 Jun 2023 19:25:34 +0900
Subject: starts left

---
 style.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index e1df716f..5073f0f0 100644
--- a/style.css
+++ b/style.css
@@ -704,11 +704,24 @@ table.popup-table .link{
     margin: 0;
 }
 
-#available_extensions .date_added{
-    opacity: 0.85;
+#available_extensions .info{
+    margin: 0.5em 0;
+    display: flex;
+    margin-top: auto;
+    opacity: 0.80;
     font-size: 90%;
 }
 
+#available_extensions .date_added{
+    margin-right: auto;
+    display: inline-block;
+}
+
+#available_extensions .star_count{
+    margin-left: auto;
+    display: inline-block;
+}
+
 /* replace original footer with ours */
 
 footer {
-- 
cgit v1.2.1


From 95ee0cb18817df3c4fae2e7ba7063b79b0c60b9c Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Fri, 14 Jul 2023 22:51:58 +0300
Subject: restyle time taken/VRAM display

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 5073f0f0..27ea6467 100644
--- a/style.css
+++ b/style.css
@@ -230,17 +230,28 @@ button.custom-button{
 .performance {
     font-size: 0.85em;
     color: #444;
+    display: flex;
 }
 
 .performance p{
     display: inline-block;
 }
 
-.performance .time {
-    margin-right: 0;
+.performance p.time, .performance p.vram, .performance p.time abbr, .performance p.vram abbr {
+    margin-bottom: 0;
+    color: var(--block-title-text-color);
 }
 
-.performance .vram {
+.performance p.time {
+}
+
+.performance p.vram {
+    margin-left: auto;
+}
+
+.performance .measurement{
+    color: var(--body-text-color);
+    font-weight: bold;
 }
 
 #txt2img_generate, #img2img_generate {
-- 
cgit v1.2.1


From 127635409a7959f6c057a68ccb8e70734cbaf9f3 Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Sat, 15 Jul 2023 08:07:25 +0300
Subject: add padding and identification to generation log section (Failed to
 find Loras, Used embeddings, etc...)

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 27ea6467..a424067f 100644
--- a/style.css
+++ b/style.css
@@ -227,29 +227,33 @@ button.custom-button{
     align-self: end;
 }
 
-.performance {
+.html-log .comments{
+    padding-top: 0.5em;
+}
+
+.html-log .performance {
     font-size: 0.85em;
     color: #444;
     display: flex;
 }
 
-.performance p{
+.html-log .performance p{
     display: inline-block;
 }
 
-.performance p.time, .performance p.vram, .performance p.time abbr, .performance p.vram abbr {
+.html-log .performance p.time, .performance p.vram, .performance p.time abbr, .performance p.vram abbr {
     margin-bottom: 0;
     color: var(--block-title-text-color);
 }
 
-.performance p.time {
+.html-log .performance p.time {
 }
 
-.performance p.vram {
+.html-log .performance p.vram {
     margin-left: auto;
 }
 
-.performance .measurement{
+.html-log .performance .measurement{
     color: var(--body-text-color);
     font-weight: bold;
 }
-- 
cgit v1.2.1


From 2b1bae0d755c2d5201f6a6aadeadb5588208d43f Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Sat, 15 Jul 2023 08:41:22 +0300
Subject: add textual inversion hashes to infotext

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index a424067f..9e13d7fd 100644
--- a/style.css
+++ b/style.css
@@ -231,6 +231,10 @@ button.custom-button{
     padding-top: 0.5em;
 }
 
+.html-log .comments:empty{
+    padding-top: 0;
+}
+
 .html-log .performance {
     font-size: 0.85em;
     color: #444;
-- 
cgit v1.2.1


From e5d3ae2bf4e9d39c35e6edc96d6449fd42528e55 Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Sat, 15 Jul 2023 20:39:04 +0300
Subject: user metadata system for custom networks

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 9e13d7fd..4431c1aa 100644
--- a/style.css
+++ b/style.css
@@ -550,6 +550,9 @@ table.popup-table .link{
     background-color: rgba(20, 20, 20, 0.95);
 }
 
+.global-popup *{
+    box-sizing: border-box;
+}
 
 .global-popup-close:before {
     content: "×";
@@ -815,32 +818,42 @@ footer {
 }
 
 
-.extra-network-cards .card .metadata-button:before, .extra-network-thumbs .card .metadata-button:before{
-    content: "🛈";
-}
-.extra-network-cards .card .metadata-button, .extra-network-thumbs .card .metadata-button{
+.extra-network-cards .card .button-row, .extra-network-thumbs .card .button-row{
     display: none;
     position: absolute;
     color: white;
     right: 0;
 }
-.extra-network-cards .card .metadata-button {
+.extra-network-cards .card:hover .button-row, .extra-network-thumbs .card:hover .button-row{
+    display: flex;
+}
+
+.extra-network-cards .card .card-button, .extra-network-thumbs .card .card-button{
+    color: white;
+}
+
+.extra-network-cards .card .metadata-button:before, .extra-network-thumbs .card .metadata-button:before{
+    content: "🛈";
+}
+
+.extra-network-cards .card .edit-button:before, .extra-network-thumbs .card .edit-button:before{
+    content: "🛠";
+}
+
+.extra-network-cards .card .card-button {
     text-shadow: 2px 2px 3px black;
     padding: 0.25em;
     font-size: 22pt;
     width: 1.5em;
 }
-.extra-network-thumbs .card .metadata-button {
+.extra-network-thumbs .card .card-button {
     text-shadow: 1px 1px 2px black;
     padding: 0;
     font-size: 16pt;
     width: 1em;
     top: -0.25em;
 }
-.extra-network-cards .card:hover .metadata-button, .extra-network-thumbs .card:hover .metadata-button{
-    display: inline-block;
-}
-.extra-network-cards .card .metadata-button:hover, .extra-network-thumbs .card .metadata-button:hover{
+.extra-network-cards .card .card-button:hover, .extra-network-thumbs .card .card-button:hover{
     color: red;
 }
 
@@ -861,7 +874,7 @@ footer {
     position: relative;
 }
 
-.extra-network-thumbs .card .preview{
+.extra-network-thumbs .card .preview, .standalone-card-preview.card .preview{
     position: absolute;
     object-fit: cover;
     width: 100%;
@@ -905,7 +918,7 @@ footer {
     word-break: break-all;
 }
 
-.extra-network-cards .card{
+.extra-network-cards .card, .standalone-card-preview.card{
     display: inline-block;
     margin: 0.5em;
     width: 16em;
@@ -989,3 +1002,22 @@ footer {
     width: 100%;
     height:100%;
 }
+
+div.block.gradio-box.edit-user-metadata {
+    min-width: 56em;
+    background: var(--body-background-fill);
+    padding: 2em !important;
+}
+
+.edit-user-metadata .extra-network-name{
+    font-size: 18pt;
+    color: var(--body-text-color);
+}
+
+.edit-user-metadata .file-metadata th{
+    text-align: left;
+}
+
+.edit-user-metadata .wrap.translucent{
+    background: var(--body-background-fill);
+}
-- 
cgit v1.2.1


From 11f339733de860b0b51adebe15dc945df7189edf Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Sun, 16 Jul 2023 00:56:53 +0300
Subject: add lora user metadata editor dialog inspired by MrKuenning's mockup
 from #7458

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 4431c1aa..af6344a8 100644
--- a/style.css
+++ b/style.css
@@ -1004,7 +1004,7 @@ footer {
 }
 
 div.block.gradio-box.edit-user-metadata {
-    min-width: 56em;
+    width: 56em;
     background: var(--body-background-fill);
     padding: 2em !important;
 }
@@ -1021,3 +1021,10 @@ div.block.gradio-box.edit-user-metadata {
 .edit-user-metadata .wrap.translucent{
     background: var(--body-background-fill);
 }
+.edit-user-metadata .gradio-highlightedtext span{
+    word-break: break-word;
+}
+
+.edit-user-metadata-buttons{
+    margin-top: 1.5em;
+}
-- 
cgit v1.2.1


From efceed8c7f99a959bfe1a4d9210f27aac91f7705 Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Sun, 16 Jul 2023 01:09:19 +0300
Subject: fix styles for dark people

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index af6344a8..4e22cfd6 100644
--- a/style.css
+++ b/style.css
@@ -1014,6 +1014,10 @@ div.block.gradio-box.edit-user-metadata {
     color: var(--body-text-color);
 }
 
+.edit-user-metadata .file-metadata{
+    color: var(--body-text-color);
+}
+
 .edit-user-metadata .file-metadata th{
     text-align: left;
 }
-- 
cgit v1.2.1


From 690d56f3c10e5359e15eeba9c68e56b2eb193ac3 Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Sun, 16 Jul 2023 10:25:34 +0300
Subject: nuke thumbs extra networks view mode (use settings tab to change
 width/height/scale to get thumbs)

---
 style.css | 94 ++++++++++-----------------------------------------------------
 1 file changed, 15 insertions(+), 79 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 4e22cfd6..f7a8cb17 100644
--- a/style.css
+++ b/style.css
@@ -804,127 +804,67 @@ footer {
     width: auto;
 }
 
-.extra-network-cards .nocards, .extra-network-thumbs .nocards{
+.extra-network-cards .nocards{
     margin: 1.25em 0.5em 0.5em 0.5em;
 }
 
-.extra-network-cards .nocards h1, .extra-network-thumbs .nocards h1{
+.extra-network-cards .nocards h1{
     font-size: 1.5em;
     margin-bottom: 1em;
 }
 
-.extra-network-cards .nocards li, .extra-network-thumbs .nocards li{
+.extra-network-cards .nocards li{
     margin-left: 0.5em;
 }
 
 
-.extra-network-cards .card .button-row, .extra-network-thumbs .card .button-row{
+.extra-network-cards .card .button-row{
     display: none;
     position: absolute;
     color: white;
     right: 0;
 }
-.extra-network-cards .card:hover .button-row, .extra-network-thumbs .card:hover .button-row{
+.extra-network-cards .card:hover .button-row{
     display: flex;
 }
 
-.extra-network-cards .card .card-button, .extra-network-thumbs .card .card-button{
+.extra-network-cards .card .card-button{
     color: white;
 }
 
-.extra-network-cards .card .metadata-button:before, .extra-network-thumbs .card .metadata-button:before{
+.extra-network-cards .card .metadata-button:before{
     content: "🛈";
 }
 
-.extra-network-cards .card .edit-button:before, .extra-network-thumbs .card .edit-button:before{
+.extra-network-cards .card .edit-button:before{
     content: "🛠";
 }
 
 .extra-network-cards .card .card-button {
     text-shadow: 2px 2px 3px black;
     padding: 0.25em;
-    font-size: 22pt;
+    font-size: 200%;
     width: 1.5em;
 }
-.extra-network-thumbs .card .card-button {
-    text-shadow: 1px 1px 2px black;
-    padding: 0;
-    font-size: 16pt;
-    width: 1em;
-    top: -0.25em;
-}
-.extra-network-cards .card .card-button:hover, .extra-network-thumbs .card .card-button:hover{
+.extra-network-cards .card .card-button:hover{
     color: red;
 }
 
 
-.extra-network-thumbs {
-    display: flex;
-    flex-flow: row wrap;
-    gap: 10px;
-}
-
-.extra-network-thumbs .card {
-    height: 6em;
-    width: 6em;
-    cursor: pointer;
-    background-image: url('./file=html/card-no-preview.png');
-    background-size: cover;
-    background-position: center center;
-    position: relative;
-}
-
-.extra-network-thumbs .card .preview, .standalone-card-preview.card .preview{
+.standalone-card-preview.card .preview{
     position: absolute;
     object-fit: cover;
     width: 100%;
     height:100%;
 }
 
-.extra-network-thumbs .card:hover .additional a {
-    display: inline-block;
-}
-
-.extra-network-thumbs .actions .additional a {
-    background-image: url('./file=html/image-update.svg');
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center center;
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 24px;
-    height: 24px;
-    display: none;
-    font-size: 0;
-    text-align: -9999;
-}
-
-.extra-network-thumbs .actions .name {
-    position: absolute;
-    bottom: 0;
-    font-size: 10px;
-    padding: 3px;
-    width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    background: rgba(0,0,0,.5);
-    color: white;
-}
-
-.extra-network-thumbs .card:hover .actions .name {
-    white-space: normal;
-    word-break: break-all;
-}
-
 .extra-network-cards .card, .standalone-card-preview.card{
     display: inline-block;
-    margin: 0.5em;
-    width: 16em;
-    height: 24em;
+    margin: 0.5rem;
+    width: 16rem;
+    height: 24rem;
     box-shadow: 0 0 5px rgba(128, 128, 128, 0.5);
-    border-radius: 0.2em;
+    border-radius: 0.2rem;
     position: relative;
 
     background-size: auto 100%;
@@ -958,10 +898,6 @@ footer {
     color: white;
 }
 
-.extra-network-cards .card .actions:hover{
-    box-shadow: 0 0 0.75em 0.75em rgba(0,0,0,0.5) !important;
-}
-
 .extra-network-cards .card .actions .name{
     font-size: 1.7em;
     font-weight: bold;
-- 
cgit v1.2.1


From 9d3dd64fe9e95873347710ca1df1f1e88d1908e1 Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Sun, 16 Jul 2023 10:44:04 +0300
Subject: minor restyling for extra networks

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index f7a8cb17..8a66c3d2 100644
--- a/style.css
+++ b/style.css
@@ -783,8 +783,7 @@ footer {
     margin: 0 0.15em;
 }
 .extra-networks .tab-nav .search,
-.extra-networks .tab-nav .sort,
-.extra-networks .tab-nav .sortorder{
+.extra-networks .tab-nav .sort{
     display: inline-block;
     margin: 0.3em;
     align-self: center;
-- 
cgit v1.2.1


From 699108bfbb05c2a7d2ee4a2c7abcfaa0a244d8ea Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Mon, 17 Jul 2023 18:56:14 +0300
Subject: hide cards for networks of incompatible stable diffusion version in
 Lora extra networks interface

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

(limited to 'style.css')

diff --git a/style.css b/style.css
index 8a66c3d2..e249cfd3 100644
--- a/style.css
+++ b/style.css
@@ -841,7 +841,7 @@ footer {
 
 .extra-network-cards .card .card-button {
     text-shadow: 2px 2px 3px black;
-    padding: 0.25em;
+    padding: 0.25em 0.1em;
     font-size: 200%;
     width: 1.5em;
 }
@@ -957,6 +957,10 @@ div.block.gradio-box.edit-user-metadata {
     text-align: left;
 }
 
+.edit-user-metadata .file-metadata th, .edit-user-metadata .file-metadata td{
+    padding: 0.3em 1em;
+}
+
 .edit-user-metadata .wrap.translucent{
     background: var(--body-background-fill);
 }
-- 
cgit v1.2.1