From 9b2f20540004c47733ee47fb6bf58a41161ac0da Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Tue, 21 Mar 2023 06:49:19 +0300
Subject: [PATCH] fix ctrl+up/down attention edit fix dropdown obscured by live
 preview stylistic changes

---
 javascript/edit-attention.js |  2 +-
 modules/ui.py                |  4 ++--
 style.css                    | 12 +++++++++++-
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/javascript/edit-attention.js b/javascript/edit-attention.js
index 619bb1fa3..20a5aadfb 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 80807ce31..6e0ac89f2 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 936930fd2..692833bd1 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{