Merge branch 'master' into hn-activation

1 files changed, 59 insertions, 7 deletions

diff --git a/style.css b/style.css
index 13a9fb07..a0382a8c 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;

@@ -314,8 +324,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 32px 32px 1fr 32px;

+    grid-template-areas: "zoom tile save space close";

     position: absolute;

     top: 0;

     left: 0;

@@ -333,6 +343,10 @@ input[type="range"]{
     grid-area: zoom;

 }

 

+.modalSave {

+    grid-area: save;

+}

+

 .modalTileImage {

     grid-area: tile;

 }

@@ -346,8 +360,18 @@ input[type="range"]{
   cursor: pointer;

 }

 

+.modalSave {

+    color: white;

+    font-size: 28px;

+    margin-top: 8px;

+    font-weight: bold;

+    cursor: pointer;

+}

+

 .modalClose:hover,

 .modalClose:focus,

+.modalSave:hover,

+.modalSave:focus,

 .modalZoom:hover,

 .modalZoom:focus {

   color: #999;

@@ -477,7 +501,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;

@@ -516,24 +540,52 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     min-height: 480px !important;

 }

 

+/* Extensions */

+

+#tab_extensions table{

+    border-collapse: collapse;

+}

+

+#tab_extensions table td, #tab_extensions table th{

+    border: 1px solid #ccc;

+    padding: 0.25em 0.5em;

+}

+

+#tab_extensions table input[type="checkbox"]{

+    margin-right: 0.5em;

+}

+

+#tab_extensions button{

+    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.

 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 */

+    /* this part was added manually */

     :host {

         direction: rtl;

     }

-    .output-html:has(.performance), .gr-text-input {

+    select, .file-preview, .gr-text-input, .output-html:has(.performance), #ti_progress {

         direction: ltr;

     }

+    #script_list > label > select,

+    #x_type > label > select,

+    #y_type > label > select {

+        direction: rtl;

+    }

     .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;

@@ -588,4 +640,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