From 55d5c09f09cc62d1a05da2ba73a8b803aa172f1a Mon Sep 17 00:00:00 2001 From: Redacted Date: Wed, 8 Nov 2023 10:56:20 -0600 Subject: [PATCH] Fix dropdown width -added max-width: fit-content; to dropdown in sdnext.css to prevent the dropdown taking up the entire width of the panel for no reason. --- javascript/sdnext.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/javascript/sdnext.css b/javascript/sdnext.css index f245dbe0e..d0cc5cb98 100644 --- a/javascript/sdnext.css +++ b/javascript/sdnext.css @@ -30,7 +30,7 @@ textarea { overflow-y: auto !important; } .gradio-column { min-width: min(160px, 100%) !important; } .gradio-container { max-width: unset !important; padding: var(--block-label-padding) !important; } .gradio-container .prose a, .gradio-container .prose a:visited{ color: unset; text-decoration: none; } -.gradio-dropdown { margin-right: var(--spacing-sm) !important; } +.gradio-dropdown { margin-right: var(--spacing-sm) !important; max-width: fit-content; } .gradio-dropdown ul.options { z-index: 1000; min-width: fit-content; max-height: 33vh !important; white-space: nowrap; } .gradio-dropdown ul.options li.item { padding: var(--spacing-xs); } .gradio-dropdown ul.options li.item:not(:has(.hide)) { background-color: var(--primary-500); }