From 25905ebff7c454feaad11f95d126c652b1fef083 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Sun, 21 Sep 2025 01:34:11 +0300 Subject: [PATCH] style/dropdowns: tweak the appearance of keyboard selected items --- apps/client/src/stylesheets/style.css | 6 +++--- apps/client/src/stylesheets/theme-next/base.css | 10 ++++++++++ 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index e1299bca0..2036f0bd8 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -475,9 +475,9 @@ body #context-menu-container .dropdown-item > span { .dropdown-item.active, .dropdown-item:focus { - color: var(--active-item-text-color) !important; - background-color: var(--active-item-background-color) !important; - border-color: var(--active-item-border-color) !important; + color: var(--active-item-text-color); + background-color: var(--active-item-background-color); + border-color: var(--active-item-border-color); outline: none; } diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css index 50bc058a0..9488332bc 100644 --- a/apps/client/src/stylesheets/theme-next/base.css +++ b/apps/client/src/stylesheets/theme-next/base.css @@ -160,6 +160,16 @@ body.mobile .dropdown-submenu .dropdown-toggle { cursor: default !important; } +:root .dropdown-item:focus-visible { + outline: 2px solid var(--input-focus-outline-color) !important; + background-color: transparent; + color: unset; +} + +:root .dropdown-item:active { + background: unset; +} + body.mobile .dropdown-submenu { padding: 0 !important; }