From d4d9c9372c69f30823e7fcd936c51aae427284a9 Mon Sep 17 00:00:00 2001 From: Ryan Hilbert Date: Sat, 2 Nov 2024 08:04:29 -0400 Subject: [PATCH] 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 --- Main.kt | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Main.kt b/Main.kt index 75da1a9..4c3f91f 100644 --- a/Main.kt +++ b/Main.kt @@ -60,7 +60,7 @@ val html = StringBuilder(""" &: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 }