style/dropdowns: tweak the appearance of keyboard selected items

This commit is contained in:
Adorian Doran 2025-09-21 01:34:11 +03:00
parent 6745b887fb
commit 25905ebff7
2 changed files with 13 additions and 3 deletions

View File

@ -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;
}

View File

@ -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;
}