From fb13ce8d716cb2b24208e5a48aa704ef50f98697 Mon Sep 17 00:00:00 2001 From: Ben Harris Date: Sun, 11 Dec 2022 14:11:32 +0000 Subject: kaios: Turn off :hover highlighting in menus Even when the virtual pointer is hidden in KaiOS, it still causes :hover on whatever element is nominally under it, which is confusing. Disable all the :hover effects as a workaround. --- kaios/apppage.pl | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/kaios/apppage.pl b/kaios/apppage.pl index 5ea27cf..8f72ee6 100755 --- a/kaios/apppage.pl +++ b/kaios/apppage.pl @@ -82,7 +82,7 @@ body { color: rgba(0,0,0,0.5); } -#gamemenu li > :hover:not(:disabled), +/* #gamemenu li > :hover:not(:disabled), */ #gamemenu li > .focus-within { /* When the mouse is over a menu item, highlight it */ background-color: rgba(0,0,0,0.3); @@ -110,7 +110,7 @@ body { box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.8); } -#gamemenu :hover > ul, +/* #gamemenu :hover > ul, */ #gamemenu .focus-within > ul { /* Last but by no means least, the all-important line that makes * submenus be displayed! Any