diff --git a/src/app.scss b/src/app.scss index 0b15cdf7..a5539a07 100644 --- 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 index f2d7b8db..e9173213 100644 --- a/src/files-breadcrumbs.tsx +++ b/src/files-breadcrumbs.tsx @@ -26,6 +26,7 @@ import { Icon } from "@patternfly/react-core/dist/esm/components/Icon"; import { MenuToggle, MenuToggleElement } from "@patternfly/react-core/dist/esm/components/MenuToggle"; import { PageBreadcrumb } from "@patternfly/react-core/dist/esm/components/Page"; import { TextInput } from "@patternfly/react-core/dist/esm/components/TextInput"; +import { Tooltip, TooltipPosition } from "@patternfly/react-core/dist/esm/components/Tooltip"; import { Flex, FlexItem } from "@patternfly/react-core/dist/esm/layouts/Flex"; import { CheckIcon, HddIcon, PencilAltIcon, StarIcon, TimesIcon } from "@patternfly/react-icons"; import { useInit } from "hooks.js"; @@ -167,14 +168,20 @@ function BookmarkButton({ path }: { path: string[] }) { onOpenChange={(isOpen: boolean) => setIsOpen(isOpen)} onSelect={handleSelect} toggle={(toggleRef: React.Ref) => ( - } - ref={toggleRef} - onClick={() => setIsOpen(!isOpen)} - isExpanded={isOpen} - /> + + } + ref={toggleRef} + onClick={() => setIsOpen(!isOpen)} + isExpanded={isOpen} + /> + )} > @@ -258,12 +265,14 @@ export function FilesBreadcrumbs({ path, showHidden, setShowHidden }: { path: st {!editMode && -