Renamed html class.

This commit is contained in:
Christian Bastian
2024-07-22 16:42:24 -04:00
parent 6b20b36e32
commit 7dd91f0aef
2 changed files with 11 additions and 11 deletions

View File

@@ -566,7 +566,7 @@
min-height: 40px;
}
.model-manager .search-dropdown {
.model-manager .search-directory-dropdown {
background-color: var(--bg-color);
border: 2px var(--border-color) solid;
border-radius: 10px;
@@ -577,29 +577,29 @@
z-index: 1;
}
.model-manager .search-dropdown:empty {
.model-manager .search-directory-dropdown:empty {
display: none;
}
.model-manager .search-dropdown > p {
.model-manager .search-directory-dropdown > p {
margin: 0;
padding: 0.85em 20px;
min-width: 0;
}
.model-manager .search-dropdown > p {
.model-manager .search-directory-dropdown > p {
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
.model-manager .search-dropdown > p::-webkit-scrollbar {
.model-manager .search-directory-dropdown > p::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
.model-manager .search-dropdown > p.search-dropdown-key-selected,
.model-manager .search-dropdown > p.search-dropdown-mouse-selected {
.model-manager .search-directory-dropdown > p.search-directory-dropdown-key-selected,
.model-manager .search-directory-dropdown > p.search-directory-dropdown-mouse-selected {
background-color: var(--border-color);
}
.model-manager .search-dropdown > p.search-dropdown-key-selected {
.model-manager .search-directory-dropdown > p.search-directory-dropdown-key-selected {
border-left: 1mm solid var(--input-text);
}

View File

@@ -976,8 +976,8 @@ class ModelDirectories {
}
}
const DROPDOWN_DIRECTORY_SELECTION_KEY_CLASS = "search-dropdown-key-selected";
const DROPDOWN_DIRECTORY_SELECTION_MOUSE_CLASS = "search-dropdown-mouse-selected";
const DROPDOWN_DIRECTORY_SELECTION_KEY_CLASS = "search-directory-dropdown-key-selected";
const DROPDOWN_DIRECTORY_SELECTION_MOUSE_CLASS = "search-directory-dropdown-mouse-selected";
class ModelData {
@@ -1037,7 +1037,7 @@ class DirectoryDropdown {
*/
constructor(modelData, input, showDirectoriesOnly = false, getModelType = () => { return ""; }, updateCallback = () => {}, submitCallback = () => {}, isDynamicSearch = () => { return false; }) {
/** @type {HTMLDivElement} */
const dropdown = $el("div.search-dropdown", { // TODO: change to `search-directory-dropdown`
const dropdown = $el("div.search-directory-dropdown", {
style: {
display: "none",
},