Fix padding on accordion/dropdown list elements

This commit is contained in:
space-nuko 2023-03-25 15:52:06 -04:00
parent a0d07fb580
commit d3b188c82d
2 changed files with 26 additions and 1 deletions

View file

@ -553,3 +553,15 @@ def IOComponent_init(self, *args, **kwargs):
original_IOComponent_init = gr.components.IOComponent.__init__
gr.components.IOComponent.__init__ = IOComponent_init
def BlockContext_init(self, *args, **kwargs):
res = original_BlockContext_init(self, *args, **kwargs)
add_classes_to_gradio_component(self)
return res
original_BlockContext_init = gr.blocks.BlockContext.__init__
gr.blocks.BlockContext.__init__ = BlockContext_init

View file

@ -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);
}