From 5fbf9c37f2a0c8f119bcf870f2a7fae58c51106e Mon Sep 17 00:00:00 2001
From: tim h <zero01101@gmail.com>
Date: Sun, 1 Jan 2023 10:31:49 -0600
Subject: [PATCH] marginally less ugly inpaint mode selector

really don't think it has any need to be a full-on autocomplete fancy thingy
---
 css/ui/generic.css       | 20 ++++++++++++++++++++
 index.html               |  6 +++---
 js/lib/toolbar.js        |  3 ++-
 js/ui/tool/dream.js      |  2 +-
 pages/configuration.html |  2 +-
 5 files changed, 27 insertions(+), 6 deletions(-)

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 @@
 		<link href="css/index.css?v=69d3b9e" 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/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/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
@@ -349,7 +349,7 @@
 			src="js/ui/tool/generic.js?v=2bcd36d"
 			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
 			src="js/ui/tool/maskbrush.js?v=1e8a893"
 			type="text/javascript"></script>
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 @@
 		<link href="../css/index.css?v=69d3b9e" 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/layers.css?v=4fd95fe" rel="stylesheet" />