toolbar: Hide the tooltip when the menu is open

cockpit-project · Jul 17, 2024 · 94d07c0 · 94d07c0
1 parent fef0f34
commit 94d07c0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/app.scss b/src/app.scss
@@ -186,3 +186,8 @@
 .pf-v5-c-menu-toggle > .pf-v5-c-menu-toggle__controls {
     padding-inline-start: 0;
 }
+
+.tooltip-hidden {
+    visibility: hidden;
+    pointer-events: none;
+}
diff --git a/src/files-breadcrumbs.tsx b/src/files-breadcrumbs.tsx
@@ -168,7 +168,11 @@ function BookmarkButton({ path }: { path: string[] }) {
           onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)}
           onSelect={handleSelect}
           toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
-              <Tooltip content={_("Bookmarks")} position={TooltipPosition.bottom}>
+              <Tooltip
+                content={_("Bookmarks")}
+                position={TooltipPosition.bottom}
+                className={isOpen ? 'tooltip-hidden' : ''}
+              >
                   <MenuToggle
                     id="bookmark-btn"
                     variant="secondary"