diff --git a/css/ui/generic.css b/css/ui/generic.css index ca8f67f..93caf35 100644 --- a/css/ui/generic.css +++ b/css/ui/generic.css @@ -100,6 +100,26 @@ div.slider-wrapper > input.text { background-color: transparent; } +/* Bare Select */ + +.bareselector { + border-radius: 5px; + + background-color: white; + + overflow-y: auto; + + margin-top: 0; + margin-left: 0; + + max-height: 200px; + min-width: 100%; + max-width: 800px; + + width: fit-content; + z-index: 200; +} + /* Autocomplete Select */ div.autocomplete { border-radius: 5px; diff --git a/index.html b/index.html index 272c850..18149fd 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ - + @@ -323,7 +323,7 @@ - + - + diff --git a/js/lib/toolbar.js b/js/lib/toolbar.js index 70ee985..232b0fe 100644 --- a/js/lib/toolbar.js +++ b/js/lib/toolbar.js @@ -198,6 +198,7 @@ const _toolbar_input = { cb = null ) => { const selectlist = document.createElement("select"); + selectlist.classList.add("bareselector"); Object.entries(options).forEach((opt) => { var option = document.createElement("option"); option.value = opt[0]; @@ -210,8 +211,8 @@ const _toolbar_input = { cb && cb(); }; const label = document.createElement("label"); - label.appendChild(selectlist); label.appendChild(new Text(text)); + label.appendChild(selectlist); return {selectlist, label}; }, }; diff --git a/js/ui/tool/dream.js b/js/ui/tool/dream.js index c09f2c8..3893789 100644 --- a/js/ui/tool/dream.js +++ b/js/ui/tool/dream.js @@ -2049,10 +2049,10 @@ const img2imgTool = () => menu.appendChild(document.createElement("br")); menu.appendChild(state.ctxmenu.fullResolutionLabel); menu.appendChild(document.createElement("br")); + menu.appendChild(state.ctxmenu.inpaintTypeSelect); menu.appendChild(state.ctxmenu.denoisingStrengthSlider); menu.appendChild(state.ctxmenu.borderMaskGradientCheckbox); menu.appendChild(state.ctxmenu.borderMaskSlider); - menu.appendChild(state.ctxmenu.inpaintTypeSelect); }, shortcut: "I", } diff --git a/pages/configuration.html b/pages/configuration.html index 2763705..496643c 100644 --- a/pages/configuration.html +++ b/pages/configuration.html @@ -10,7 +10,7 @@ - +