Prevent the global menu's zoom container to be highlighted when being hovered

This commit is contained in:
Adorian Doran
2024-11-21 17:11:32 +02:00
parent 312c3ed6ad
commit 8658f9e6d3
2 changed files with 7 additions and 2 deletions

View File

@@ -140,7 +140,7 @@ const TPL = `
<div class="dropdown-divider"></div>
<span class="zoom-container dropdown-item">
<span class="zoom-container dropdown-item dropdown-item-container">
<div>
<span class="bx bx-empty"></span>
${t('global_menu.zoom')}

View File

@@ -289,13 +289,18 @@ div.ui-tooltip {
opacity: 1;
}
.dropdown-menu a:hover:not(.disabled), .dropdown-item:hover:not(.disabled) {
.dropdown-menu a:hover:not(.disabled), .dropdown-item:hover:not(.disabled, .dropdown-item-container) {
color: var(--hover-item-text-color) !important;
background-color: var(--hover-item-background-color) !important;
border-color: var(--hover-item-border-color) !important;
cursor: pointer;
}
.dropdown-item-container, .dropdown-item-container:hover, .dropdown-item-container:active {
background: transparent;
cursor: default;
}
.dropdown-menu a:not(.selected) .check {
visibility: hidden;
}