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.
This commit is contained in:
Ben Harris
2022-12-11 14:11:32 +00:00
parent eb60f001b7
commit fb13ce8d71

View File

@ -82,7 +82,7 @@ body {
color: rgba(0,0,0,0.5); color: rgba(0,0,0,0.5);
} }
#gamemenu li > :hover:not(:disabled), /* #gamemenu li > :hover:not(:disabled), */
#gamemenu li > .focus-within { #gamemenu li > .focus-within {
/* When the mouse is over a menu item, highlight it */ /* When the mouse is over a menu item, highlight it */
background-color: rgba(0,0,0,0.3); 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); box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.8);
} }
#gamemenu :hover > ul, /* #gamemenu :hover > ul, */
#gamemenu .focus-within > ul { #gamemenu .focus-within > ul {
/* Last but by no means least, the all-important line that makes /* Last but by no means least, the all-important line that makes
* submenus be displayed! Any <ul> whose parent <li> is being * submenus be displayed! Any <ul> whose parent <li> is being