forked from extern/easydiffusion
a801a5d8b6
* Searchable models
Creates searchable dropdowns for SD, VAE, or HN models. Also adds a reload models button (placed next to SD models, reloads everything including VAE and HN models).
* Fixing the editor pane display
* Revert "Fixing the editor pane display"
This reverts commit de902a6340
.
* Move formatting to the CSS file
* Rewritten the siblings functions
I like these much better, and I imagine you will too. :)
* Code cleanup
* Minor tweak in list ordering
Minor tweak to move the root folder's content at the end of the list (similar to the current version).
93 lines
1.7 KiB
CSS
93 lines
1.7 KiB
CSS
.model-list {
|
|
position: absolute;
|
|
margin-block-start: 2px;
|
|
display: none;
|
|
padding-inline-start: 0;
|
|
max-height: 200px;
|
|
overflow: auto;
|
|
background: var(--input-background-color);
|
|
border: var(--input-border-size) solid var(--input-border-color);
|
|
border-radius: var(--input-border-radius);
|
|
color: var(--input-text-color);
|
|
z-index: 1;
|
|
line-height: normal;
|
|
}
|
|
|
|
.model-list ul {
|
|
padding-right: 20px;
|
|
padding-inline-start: 0;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.model-list li {
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.model-result {
|
|
list-style: none;
|
|
}
|
|
|
|
.model-no-result {
|
|
color: var(--text-color);
|
|
list-style: none;
|
|
padding: 3px 6px 3px 6px;
|
|
font-size: 10pt;
|
|
font-style: italic;
|
|
display: none;
|
|
}
|
|
|
|
.model-list li.model-folder {
|
|
color: var(--text-color);
|
|
list-style: none;
|
|
padding: 6px 6px 6px 6px;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.model-list li.model-file {
|
|
color: var(--input-text-color);
|
|
list-style: none;
|
|
padding-left: 12px;
|
|
padding-right:20px;
|
|
font-size: 9pt;
|
|
font-weight: normal;
|
|
transition: none;
|
|
transition:property: none;
|
|
cursor: default;
|
|
}
|
|
|
|
.model-list li.model-file.in-root-folder {
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.model-list li.model-file.selected {
|
|
background: grey;
|
|
}
|
|
|
|
.model-selector {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.model-selector-arrow {
|
|
position: absolute;
|
|
width: 17px;
|
|
margin: 5px -17px;
|
|
padding-top: 3px;
|
|
cursor: pointer;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
.model-input {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.reloadModels {
|
|
background: var(--background-color2);
|
|
border: none;
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
#reload-models.secondaryButton:hover {
|
|
background: var(--background-color2);
|
|
}
|