Disable button

weiland · Aug 13, 2023 · 5c49ca4 · 5c49ca4
1 parent 834d0b2
commit 5c49ca4
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/Form.svelte b/src/Form.svelte
@@ -205,6 +205,7 @@
 			class="btn"
 			on:mouseover={() => (showMyFace = true)}
 			on:focus={() => (showMyFace = true)}
+			on:blur={() => (showMyFace = false)}
 			on:mouseleave={() => (showMyFace = false)}
 			>👉 Let's drink a {(drink === OTHER_DRINK
 				? other_drink
@@ -254,6 +255,12 @@
 			0 0 0 0.4rem var(--cm-blue);
 	}
 
+	button[disabled] {
+		opacity: 0.5;
+		cursor: pointer;
+		pointer-events: none;
+	}
+
 	/* .input:invalid { */
 	/* 	box-shadow: 0 0 0 0.125rem var(--cm-yellow-bright), */
 	/* 		0 0 0 0.4rem var(--cm-red); */