From 8658f9e6d346ee49a1d36137c0334f2550044755 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 21 Nov 2024 17:11:32 +0200
Subject: [PATCH] Prevent the global menu's zoom container to be highlighted
 when being hovered

---
 src/public/app/widgets/buttons/global_menu.js | 2 +-
 src/public/stylesheets/style.css              | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/public/app/widgets/buttons/global_menu.js b/src/public/app/widgets/buttons/global_menu.js
index 6889b0bf0..c93dd4c2a 100644
--- a/src/public/app/widgets/buttons/global_menu.js
+++ b/src/public/app/widgets/buttons/global_menu.js
@@ -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')}
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index c9b3d4f73..b543d2cca 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -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;
 }