additional work on gradio styles;

make the accordion change affect all accordions, not just inside scripts div
This commit is contained in:
AUTOMATIC1111 2023-08-10 07:57:52 +03:00
parent 6ed1541ef5
commit 2c5106ed06

View File

@ -43,13 +43,15 @@ div.form{
.block.gradio-radio, .block.gradio-radio,
.block.gradio-checkboxgroup, .block.gradio-checkboxgroup,
.block.gradio-number, .block.gradio-number,
.block.gradio-colorpicker, .block.gradio-colorpicker {
div.gradio-group
{
border-width: 0 !important; border-width: 0 !important;
box-shadow: none !important; box-shadow: none !important;
} }
div.gradio-group, div.styler{
border-width: 0 !important;
background: none;
}
.gap.compact{ .gap.compact{
padding: 0; padding: 0;
gap: 0.2em 0; gap: 0.2em 0;
@ -135,12 +137,8 @@ a{
cursor: pointer; cursor: pointer;
} }
div.styler{ /* gradio 3.39 puts a lot of overflow: hidden all over the place for an unknown reqasaon. */
border: none; .block.gradio-textbox, div.gradio-group, div.gradio-group div, div.gradio-dropdown{
background: var(--background-fill-primary);
}
.block.gradio-textbox{
overflow: visible !important; overflow: visible !important;
} }
@ -194,7 +192,7 @@ button.custom-button{
text-align: center; text-align: center;
} }
.gradio-group[id$="_script_container"] > div .gradio-group > div > div:is(.gradio-accordion, .form) { div.gradio-accordion {
border: 1px solid var(--block-border-color) !important; border: 1px solid var(--block-border-color) !important;
border-radius: 8px !important; border-radius: 8px !important;
margin: 2px 0; margin: 2px 0;