neuro_llc/ComfyBox
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Accordion styles

Browse Source
This commit is contained in:
space-nuko
2023-05-06 13:28:06 -05:00
parent 9e35b32e99
commit fd0dde1b08
2 changed files with 51 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/scss/ux.scss
View File

@@ -265,36 +265,58 @@ div.float {
}
}
.category-name {
.category-name {
background: var(--ae-panel-bg-color) !important;
border-color: var(--ae-panel-border-color) !important;
.title, .type {
color: var(--ae-label-color)
}
}
}
.props-entry {
border-width: 1px;
border-left: 1px var(--ae-panel-border-color) !important;
border-right: 1px var(--ae-panel-border-color) !important;
}
.props-entry {
border-width: 1px;
border-left: 1px var(--ae-panel-border-color) !important;
border-right: 1px var(--ae-panel-border-color) !important;
}
// .container > .block {
// box-shadow: none !important;
// border-color: var(--ae-panel-border-color) !important;
// border-radius: 0 !important;
// background: var(--ae-input-bg-color) !important;
/**************/
/* Accordions */
/**************/
// > .v-pane {
// box-shadow: none !important;
// border-color: var(--ae-panel-border-color) !important;
// border-radius: 0 !important;
// background: var(--ae-input-bg-color) !important;
// }
// }
.block.gradio-accordion {
background-color: var(--ae-main-bg-color) !important;
/*padding-bottom: 0 !important;*/
}
.block.gradio-accordion:hover .label-wrap {
.block.gradio-accordion:has(.label-wrap:hover) {
border-color: var(--ae-primary-color) !important;
}
.block.gradio-accordion .label-wrap {
margin: calc(-1px + var(--ae-inside-padding-size) * -1);
width: auto;
padding: var(--ae-accordion-vertical-padding) var(--ae-accordion-horizontal-padding);
border-radius: var(--ae-panel-border-radius);
line-height: var(--ae-accordion-line-height);
color: var(--ae-label-color);
/*pointer-events: none !important;*/
}
.block.gradio-accordion .hide + .open.label-wrap {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.block.gradio-accordion .label-wrap.open {
margin-bottom: calc(var(--ae-inside-padding-size) / 2);
}
.edit > .block.gradio-accordion .label-wrap.open {
margin-bottom: var(--ae-inside-padding-size);
}
.block.gradio-accordion > .gap.svelte-vt1mxs > div:first-child {
margin-top: calc(var(--ae-inside-padding-size) * 2) !important;
}
.block.gradio-accordion .label-wrap:hover {
color: var(--ae-main-bg-color) !important;
background-color: var(--ae-primary-color) !important;
}
@@ -308,9 +330,9 @@ div.float {
left: 0 !important;
top: 0 !important;
opacity: 0 !important;
}
.form>.gradio-row>.form{
border:0 !important;
}