fix ctrl+up/down attention edit

fix dropdown obscured by live preview
stylistic changes

3 files changed, 14 insertions, 4 deletions

diff --git a/javascript/edit-attention.js b/javascript/edit-attention.js
index 619bb1fa..20a5aadf 100644
--- a/javascript/edit-attention.js
+++ b/javascript/edit-attention.js
@@ -1,6 +1,6 @@
 function keyupEditAttention(event){

 	let target = event.originalTarget || event.composedPath()[0];

-	if (!target.matches("[id*='_toprow'] textarea.gr-text-input[placeholder]")) return;

+	if (! target.matches("[id*='_toprow'] [id*='_prompt'] textarea")) return;

 	if (! (event.metaKey || event.ctrlKey)) return;

 

 	let isPlus = event.key == "ArrowUp"

diff --git a/modules/ui.py b/modules/ui.py
index 80807ce3..6e0ac89f 100644
--- a/modules/ui.py
+++ b/modules/ui.py
@@ -587,7 +587,7 @@ def create_ui():
             txt2img_prompt.submit(**txt2img_args)

             submit.click(**txt2img_args)

 

-            res_switch_btn.click(lambda w, h: (h, w), inputs=[width, height], outputs=[width, height])

+            res_switch_btn.click(lambda w, h: (h, w), inputs=[width, height], outputs=[width, height], show_progress=False)

 

             txt_prompt_img.change(

                 fn=modules.images.image_data,

@@ -907,7 +907,7 @@ def create_ui():
 

             img2img_prompt.submit(**img2img_args)

             submit.click(**img2img_args)

-            res_switch_btn.click(lambda w, h: (h, w), inputs=[width, height], outputs=[width, height])

+            res_switch_btn.click(lambda w, h: (h, w), inputs=[width, height], outputs=[width, height], show_progress=False)

 

             img2img_interrogate.click(

                 fn=lambda *args: process_interrogate(interrogate, *args),

diff --git a/style.css b/style.css
index 936930fd..692833bd 100644
--- a/style.css
+++ b/style.css
@@ -1,9 +1,10 @@
 

 /* general gradio fixes */

 

-:root{

+:root, .dark{

     --checkbox-label-gap: 0.25em 0.1em;

     --section-header-text-size: 12pt;

+    --block-background-fill: transparent;

 }

 

 .block.padded{

@@ -54,6 +55,7 @@ div.compact{
 

 .gradio-dropdown ul.options{

     max-height: 35em;

+    z-index: 3000;

 }

 

 .gradio-dropdown label span:not(.has-info){

@@ -72,6 +74,13 @@ div.compact{
     margin: 0.75em 1.5em 0 0;

 }

 

+.gradio-html div.wrap{

+    height: 100%;

+}

+div.gradio-html.min{

+    min-height: 0;

+}

+

 /* general styled components */

 

 .gradio-button.tool{

@@ -103,6 +112,7 @@ div.compact{
     min-width: 0 !important;

     width: auto;

     z-index: 100;

+    top: -0.75em;

 }

 

 .block.token-counter span{