mirror of
https://git.datalinker.icu/comfyanonymous/ComfyUI
synced 2026-08-20 01:36:35 +08:00
68 lines
1.4 KiB
CSS
68 lines
1.4 KiB
CSS
.easy-dropdown, .easy-nested-dropdown {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
background-color: #171717;
|
|
box-shadow: 0 4px 4px rgba(255, 255, 255, .25);
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
z-index: 1000;
|
|
overflow: visible;
|
|
max-height: fit-content;
|
|
max-width: fit-content;
|
|
}
|
|
|
|
.easy-dropdown {
|
|
position: absolute;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Style for final items */
|
|
.easy-dropdown li.item, .easy-nested-dropdown li.item {
|
|
font-weight: normal;
|
|
min-width: max-content;
|
|
}
|
|
|
|
/* Style for folders (parent items) */
|
|
.easy-dropdown li.folder, .easy-nested-dropdown li.folder {
|
|
cursor: default;
|
|
position: relative;
|
|
border-right: 3px solid cyan;
|
|
}
|
|
|
|
.easy-dropdown li.folder::after, .easy-nested-dropdown li.folder::after {
|
|
content: ">";
|
|
position: absolute;
|
|
right: 2px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.easy-dropdown li, .easy-nested-dropdown li {
|
|
padding: 4px 10px;
|
|
cursor: pointer;
|
|
font-family: system-ui;
|
|
font-size: 0.7rem;
|
|
position: relative;
|
|
}
|
|
|
|
/* Style for nested dropdowns */
|
|
.easy-nested-dropdown {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100%;
|
|
margin: 0;
|
|
border: none;
|
|
display: none;
|
|
}
|
|
|
|
.easy-dropdown li.selected > .easy-nested-dropdown,
|
|
.easy-nested-dropdown li.selected > .easy-nested-dropdown {
|
|
display: block;
|
|
border: none;
|
|
}
|
|
|
|
.easy-dropdown li.selected,
|
|
.easy-nested-dropdown li.selected {
|
|
background-color: #e5e5e5;
|
|
border: none;
|
|
} |