sneedgroup-holder/openOutpaint
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

marginally less ugly inpaint mode selector

Browse source 
really don't think it has any need to be a full-on autocomplete fancy thingy
This commit is contained in:
tim h 2023-01-01 10:31:49 -06:00
parent 8f03b73dff
commit 5fbf9c37f2
5 changed files with 27 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
css/ui/generic.css
View file

@ -100,6 +100,26 @@ div.slider-wrapper > input.text {
background-color: transparent; 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 */ /* Autocomplete Select */
div.autocomplete { div.autocomplete {
border-radius: 5px; border-radius: 5px;

6
index.html
View file

@ -10,7 +10,7 @@
<link href="css/index.css?v=69d3b9e" rel="stylesheet" /> <link href="css/index.css?v=69d3b9e" rel="stylesheet" />
<link href="css/layers.css?v=b4fbf61" rel="stylesheet" /> <link href="css/layers.css?v=b4fbf61" rel="stylesheet" />
<link href="css/ui/generic.css?v=a15ce4b" rel="stylesheet" /> <link href="css/ui/generic.css?v=79bee9b" rel="stylesheet" />
<link href="css/ui/history.css?v=0b03861" rel="stylesheet" /> <link href="css/ui/history.css?v=0b03861" rel="stylesheet" />
<link href="css/ui/layers.css?v=4fd95fe" rel="stylesheet" /> <link href="css/ui/layers.css?v=4fd95fe" rel="stylesheet" />
@ -323,7 +323,7 @@
<script src="js/lib/layers.js?v=a1f8aea" type="text/javascript"></script> <script src="js/lib/layers.js?v=a1f8aea" type="text/javascript"></script>
<script src="js/lib/commands.js?v=00464cb" type="text/javascript"></script> <script src="js/lib/commands.js?v=00464cb" type="text/javascript"></script>
<script src="js/lib/toolbar.js?v=26b01aa" type="text/javascript"></script> <script src="js/lib/toolbar.js?v=d483951" type="text/javascript"></script>
<script src="js/lib/ui.js?v=76ede2b" type="text/javascript"></script> <script src="js/lib/ui.js?v=76ede2b" type="text/javascript"></script>
<script <script
@ -349,7 +349,7 @@
src="js/ui/tool/generic.js?v=2bcd36d" src="js/ui/tool/generic.js?v=2bcd36d"
type="text/javascript"></script> type="text/javascript"></script>
<script src="js/ui/tool/dream.js?v=9654294" type="text/javascript"></script> <script src="js/ui/tool/dream.js?v=56e89a7" type="text/javascript"></script>
<script <script
src="js/ui/tool/maskbrush.js?v=1e8a893" src="js/ui/tool/maskbrush.js?v=1e8a893"
type="text/javascript"></script> type="text/javascript"></script>

3
js/lib/toolbar.js
View file

@ -198,6 +198,7 @@ const _toolbar_input = {
cb = null cb = null
) => { ) => {
const selectlist = document.createElement("select"); const selectlist = document.createElement("select");
selectlist.classList.add("bareselector");
Object.entries(options).forEach((opt) => { Object.entries(options).forEach((opt) => {
var option = document.createElement("option"); var option = document.createElement("option");
option.value = opt[0]; option.value = opt[0];
@ -210,8 +211,8 @@ const _toolbar_input = {
cb && cb(); cb && cb();
}; };
const label = document.createElement("label"); const label = document.createElement("label");
label.appendChild(selectlist);
label.appendChild(new Text(text)); label.appendChild(new Text(text));
label.appendChild(selectlist);
return {selectlist, label}; return {selectlist, label};
}, },
}; };

2
js/ui/tool/dream.js
View file

@ -2049,10 +2049,10 @@ const img2imgTool = () =>
menu.appendChild(document.createElement("br")); menu.appendChild(document.createElement("br"));
menu.appendChild(state.ctxmenu.fullResolutionLabel); menu.appendChild(state.ctxmenu.fullResolutionLabel);
menu.appendChild(document.createElement("br")); menu.appendChild(document.createElement("br"));
menu.appendChild(state.ctxmenu.inpaintTypeSelect);
menu.appendChild(state.ctxmenu.denoisingStrengthSlider); menu.appendChild(state.ctxmenu.denoisingStrengthSlider);
menu.appendChild(state.ctxmenu.borderMaskGradientCheckbox); menu.appendChild(state.ctxmenu.borderMaskGradientCheckbox);
menu.appendChild(state.ctxmenu.borderMaskSlider); menu.appendChild(state.ctxmenu.borderMaskSlider);
menu.appendChild(state.ctxmenu.inpaintTypeSelect);
}, },
shortcut: "I", shortcut: "I",
} }

2
pages/configuration.html
View file

@ -10,7 +10,7 @@
<link href="../css/index.css?v=69d3b9e" rel="stylesheet" /> <link href="../css/index.css?v=69d3b9e" rel="stylesheet" />
<link href="../css/layers.css?v=b4fbf61" rel="stylesheet" /> <link href="../css/layers.css?v=b4fbf61" rel="stylesheet" />
<link href="../css/ui/generic.css?v=a15ce4b" rel="stylesheet" /> <link href="../css/ui/generic.css?v=79bee9b" rel="stylesheet" />
<link href="../css/ui/history.css?v=0b03861" rel="stylesheet" /> <link href="../css/ui/history.css?v=0b03861" rel="stylesheet" />
<link href="../css/ui/layers.css?v=4fd95fe" rel="stylesheet" /> <link href="../css/ui/layers.css?v=4fd95fe" rel="stylesheet" />