Fix padding on accordion/dropdown list elements
This commit is contained in:
parent
a0d07fb580
commit
d3b188c82d
2 changed files with 26 additions and 1 deletions
|
@ -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
|
||||
|
|
15
style.css
15
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);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue