131 lines
3.0 KiB
CSS
131 lines
3.0 KiB
CSS
.litegraph.litecontextmenu .litemenu-title .tinyterra-contextmenu-title,
|
|
.litegraph.litecontextmenu .litemenu-entry.tinyterra-contextmenu-item {
|
|
background-color: #212121 !important;
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: start;
|
|
}
|
|
|
|
.litegraph.litecontextmenu .litemenu-title .tinyterra-contextmenu-title,
|
|
.litegraph.litecontextmenu .litemenu-entry.tinyterra-contextmenu-label {
|
|
background-color: #000 !important;
|
|
margin: 0;
|
|
cursor: default;
|
|
opacity: 1;
|
|
padding: 4px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Dropdown */
|
|
.ttN-dropdown, .ttN-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;
|
|
}
|
|
|
|
.ttN-dropdown {
|
|
position: absolute;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.ttN-dropdown.ttN-dropdown-scrollable {
|
|
max-height: min(48vh, 360px);
|
|
min-width: 220px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
overscroll-behavior: contain;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
|
|
.ttN-nested-dropdown.ttN-dropdown-scrollable {
|
|
max-height: min(48vh, 360px);
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
overscroll-behavior: contain;
|
|
scrollbar-gutter: stable;
|
|
}
|
|
|
|
.ttN-dropdown.ttN-dropdown-scrollable::-webkit-scrollbar,
|
|
.ttN-nested-dropdown.ttN-dropdown-scrollable::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
|
|
.ttN-dropdown.ttN-dropdown-scrollable::-webkit-scrollbar-track,
|
|
.ttN-nested-dropdown.ttN-dropdown-scrollable::-webkit-scrollbar-track {
|
|
background: #121212;
|
|
}
|
|
|
|
.ttN-dropdown.ttN-dropdown-scrollable::-webkit-scrollbar-thumb,
|
|
.ttN-nested-dropdown.ttN-dropdown-scrollable::-webkit-scrollbar-thumb {
|
|
background: #4b4b4b;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.ttN-dropdown.ttN-dropdown-scrollable::-webkit-scrollbar-thumb:hover,
|
|
.ttN-nested-dropdown.ttN-dropdown-scrollable::-webkit-scrollbar-thumb:hover {
|
|
background: #646464;
|
|
}
|
|
|
|
/* Style for final items */
|
|
.ttN-dropdown li.item, .ttN-nested-dropdown li.item {
|
|
font-weight: normal;
|
|
min-width: max-content;
|
|
}
|
|
|
|
/* Style for folders (parent items) */
|
|
.ttN-dropdown li.folder, .ttN-nested-dropdown li.folder {
|
|
cursor: default;
|
|
position: relative;
|
|
border-right: 3px solid #005757;
|
|
}
|
|
|
|
.ttN-dropdown li.folder::after, .ttN-nested-dropdown li.folder::after {
|
|
content: ">";
|
|
position: absolute;
|
|
right: 2px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ttN-dropdown li, .ttN-nested-dropdown li {
|
|
padding: 4px 10px;
|
|
cursor: pointer;
|
|
font-family: system-ui;
|
|
font-size: 0.7rem;
|
|
position: relative;
|
|
}
|
|
|
|
/* Style for nested dropdowns */
|
|
.ttN-nested-dropdown {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100%;
|
|
margin: 0;
|
|
border: none;
|
|
display: none;
|
|
}
|
|
|
|
.ttN-dropdown li.selected > .ttN-nested-dropdown,
|
|
.ttN-nested-dropdown li.selected > .ttN-nested-dropdown {
|
|
display: block;
|
|
border: none;
|
|
}
|
|
|
|
.ttN-dropdown li.selected,
|
|
.ttN-nested-dropdown li.selected {
|
|
background-color: #222222;
|
|
border: none;
|
|
}
|