From 89e21c2bf43bd27b5d38733aebcfa657f882001f Mon Sep 17 00:00:00 2001 From: sheaf Date: Sun, 25 Apr 2021 15:45:33 +0200 Subject: [PATCH] improve menu hover/focus styling --- assets/theme.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/assets/theme.css b/assets/theme.css index 59d4768..a6b4997 100644 --- a/assets/theme.css +++ b/assets/theme.css @@ -254,6 +254,15 @@ tooltip { color:rgb(149,149,149); } +.menu :focus-within { + border-color: rgb(212, 190, 152); +} + +.menu :focus{ + border-color: rgb(72,70,61); + background-color: rgb(41, 40, 40); +} + .menu item { padding-left: 8px; padding-right: 8px; @@ -261,11 +270,6 @@ tooltip { border-top: 2px solid rgb(41, 40, 40); } -.menu :hover { - color: rgb(212, 190, 152); - border-color: rgb(72,70,61); -} - .menu item > * :hover { border-color: rgb(212, 190, 152); background-color: rgb(72,70,61);