Replace outline with box-shadow

Using outline as default styling for checkbox interfered with default browser styling to indicate focus. Instead, added a box shadow to prevent checkbox blending with background while scrolling. Signed-off-by: Ryan Hilbert <[email protected]>
RyanHilbert · Nov 2, 2024 · d4d9c93 · d4d9c93
1 parent bfa59da
commit d4d9c93
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/Main.kt b/Main.kt
@@ -60,7 +60,7 @@ val html = StringBuilder("""<!DOCTYPE html>
 		&:first-of-type{ text-align:revert; font-size:revert; font-weight:revert; padding-top:revert}
 		&:is(:target,:active,:hover,:focus)+select>optgroup>option:not(:checked){ background-color:highlight }
 	}
-	>input{ direction:initial; position:sticky; top:1mm; right:1em; float:right; font-size:xx-large; width:1em; height:1em; outline:thin solid}
+	>input{ direction:initial; position:sticky; top:1mm; right:1em; float:right; font-size:xx-large; width:1em; height:1em; box-shadow:0 0 1mm}
 	>select{ direction:initial; display:block; width:100%; overflow-y:auto; text-align-last:justify;
 		option{ padding-right:1mm }
 		&:last-child{ text-align-last:initial; font-size:xx-small }