From 9e23bacfbcb35f46f28539f71b2bc917276634b8 Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Sun, 12 Mar 2023 17:07:03 -0600 Subject: Make extra networks button togglable --- style.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'style.css') diff --git a/style.css b/style.css index 2f26ad02..e82aebf3 100644 --- a/style.css +++ b/style.css @@ -968,3 +968,10 @@ footer { [id*='_prompt_container'] > div { margin: 0!important; } + +button[id$='_extra_networks'] { + margin: 0.6em 0em 0.55em 0; + max-width: 2.5em; + min-width: 2.5em !important; + height: 2.4em; +} -- cgit v1.2.3 From 945f6e5e99413ef74c386cdb7f029d1cac93a456 Mon Sep 17 00:00:00 2001 From: space-nuko <24979496+space-nuko@users.noreply.github.com> Date: Sat, 25 Mar 2023 14:44:41 -0400 Subject: Fix img2img aspect ratio overlay in Gradio 3.23.0 --- style.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'style.css') diff --git a/style.css b/style.css index 0dcc3e25..b252e64d 100644 --- a/style.css +++ b/style.css @@ -507,6 +507,17 @@ div.dimensions-tools{ background-color: rgba(0, 0, 0, 0.8); } +#imageARPreview { + position: absolute; + top: 0px; + left: 0px; + border: 2px solid red; + background: rgba(255, 0, 0, 0.3); + z-index: 900; + pointer-events: none; + display: none; +} + /* context menu (ie for the generate button) */ #context-menu{ -- cgit v1.2.3 From d3b188c82d10e8af45357f258c1f65a04cfa4a18 Mon Sep 17 00:00:00 2001 From: space-nuko <24979496+space-nuko@users.noreply.github.com> Date: Sat, 25 Mar 2023 15:52:06 -0400 Subject: Fix padding on accordion/dropdown list elements --- style.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index 0dcc3e25..c7087210 100644 --- a/style.css +++ b/style.css @@ -7,7 +7,7 @@ --block-background-fill: transparent; } -.block.padded{ +.block.padded:not(.gradio-accordion) { padding: 0 !important; } @@ -65,6 +65,19 @@ div.compact{ margin-bottom: 0; } +.gradio-dropdown ul.options { + max-height: 35em; + z-index: 3000; +} + +.gradio-dropdown ul.options li.item { + padding: 0.05em 0; +} + +.gradio-dropdown ul.options li.item.selected { + background-color: var(--secondary-500); +} + .gradio-dropdown div.wrap.wrap.wrap.wrap{ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -- cgit v1.2.3 From 254ad09ef3b356cbe945ad7ca476c5dcf8d842f8 Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Sat, 25 Mar 2023 15:01:10 -0600 Subject: Update style.css --- style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index bef15875..7b93811b 100644 --- a/style.css +++ b/style.css @@ -786,8 +786,8 @@ footer { } button[id$='_extra_networks'] { - margin: 0.6em 0em 0.55em 0; - max-width: 2.5em; - min-width: 2.5em !important; + max-width: 2.2em; + min-width: 2.2em !important; height: 2.4em; + line-height: 1em !important; } -- cgit v1.2.3 From d286df0a7145ac578b40a5c5c8cc47e4268284a6 Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Sat, 25 Mar 2023 21:00:02 -0600 Subject: Fix dropdown width --- style.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'style.css') diff --git a/style.css b/style.css index 0dcc3e25..48973d5a 100644 --- a/style.css +++ b/style.css @@ -56,6 +56,9 @@ div.compact{ .gradio-dropdown ul.options{ z-index: 3000; + min-width: fit-content; + max-width: inherit; + white-space: nowrap; } .gradio-dropdown label span:not(.has-info), -- cgit v1.2.3 From 774c691df8b99f5e24d3f41e451fe65f5b447952 Mon Sep 17 00:00:00 2001 From: pieresimakp <69743585+pieresimakp@users.noreply.github.com> Date: Mon, 27 Mar 2023 11:31:56 +0800 Subject: fixed style box wrapping --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index 0dcc3e25..2218739a 100644 --- a/style.css +++ b/style.css @@ -69,7 +69,7 @@ div.compact{ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.gradio-dropdown .wrap-inner.wrap-inner.wrap-inner{ +.gradio-dropdown:not(.multiselect) .wrap-inner.wrap-inner.wrap-inner{ flex-wrap: unset; } -- cgit v1.2.3 From b40538a7fe2ee6914b3121f252f0d5dc9f7e8fab Mon Sep 17 00:00:00 2001 From: AUTOMATIC <16777216c@gmail.com> Date: Mon, 27 Mar 2023 07:30:38 +0300 Subject: reformat css from latest commits, change color for dropdown selection to more neutral one --- style.css | 23 +++++++++++------------ 1 file changed, 11 insertions(+), 12 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 84fee3d3..5ecfce98 100644 --- a/style.css +++ b/style.css @@ -54,13 +54,6 @@ div.compact{ gap: 1em; } -.gradio-dropdown ul.options{ - z-index: 3000; - min-width: fit-content; - max-width: inherit; - white-space: nowrap; -} - .gradio-dropdown label span:not(.has-info), .gradio-textbox label span:not(.has-info), .gradio-number label span:not(.has-info) @@ -68,17 +61,23 @@ div.compact{ margin-bottom: 0; } -.gradio-dropdown ul.options { - max-height: 35em; - z-index: 3000; +.gradio-dropdown ul.options{ + z-index: 3000; + min-width: fit-content; + max-width: inherit; + white-space: nowrap; } .gradio-dropdown ul.options li.item { - padding: 0.05em 0; + padding: 0.05em 0; } .gradio-dropdown ul.options li.item.selected { - background-color: var(--secondary-500); + background-color: var(--neutral-100); +} + +.dark .gradio-dropdown ul.options li.item.selected { + background-color: var(--neutral-900); } .gradio-dropdown div.wrap.wrap.wrap.wrap{ -- cgit v1.2.3 From a70ae917ea86270f365f1347674980e4e7b0bfb2 Mon Sep 17 00:00:00 2001 From: AUTOMATIC <16777216c@gmail.com> Date: Mon, 27 Mar 2023 08:05:55 +0300 Subject: update button pressed down style for #8569 --- style.css | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 6a6f73d7..7a979f22 100644 --- a/style.css +++ b/style.css @@ -138,6 +138,18 @@ div.gradio-html.min{ border-radius: 0.5em; } +.gradio-button.secondary-down{ + background: var(--button-secondary-background-fill); + color: var(--button-secondary-text-color); +} +.gradio-button.secondary-down, .gradio-button.secondary-down:hover{ + box-shadow: 1px 1px 1px rgba(0,0,0,0.25) inset, 0px 0px 3px rgba(0,0,0,0.15) inset; +} +.gradio-button.secondary-down:hover{ + background: var(--button-secondary-background-fill-hover); + color: var(--button-secondary-text-color-hover); +} + .checkboxes-row{ margin-bottom: 0.5em; margin-left: 0em; @@ -810,10 +822,3 @@ footer { .extra-network-cards .card ul a:hover{ color: red; } - -button[id$='_extra_networks'] { - max-width: 2.2em; - min-width: 2.2em !important; - height: 2.4em; - line-height: 1em !important; -} -- cgit v1.2.3