diff --git a/apps/client/src/widgets/buttons/global_menu.tsx b/apps/client/src/widgets/buttons/global_menu.tsx index 70e43887f..39fcb88e8 100644 --- a/apps/client/src/widgets/buttons/global_menu.tsx +++ b/apps/client/src/widgets/buttons/global_menu.tsx @@ -157,7 +157,10 @@ function ZoomControls({ parentComponent }: { parentComponent?: Component | null function ZoomControlButton({ command, title, icon, children }: { command: KeyboardActionNames, title: string, icon?: string, children?: ComponentChildren }) { const linkRef = useRef(null); - useStaticTooltipWithKeyboardShortcut(linkRef, title, command); + useStaticTooltipWithKeyboardShortcut(linkRef, title, command, { + placement: "bottom", + fallbackPlacements: [ "bottom" ] + }); return ( , config?: Partial, title: string, actionName: KeyboardActionNames | undefined) { +export function useStaticTooltipWithKeyboardShortcut(elRef: RefObject, title: string, actionName: KeyboardActionNames | undefined, opts?: Omit, "title">) { const [ keyboardShortcut, setKeyboardShortcut ] = useState(); useStaticTooltip(elRef, { - title: keyboardShortcut?.length ? `${title} (${keyboardShortcut?.join(",")})` : title + title: keyboardShortcut?.length ? `${title} (${keyboardShortcut?.join(",")})` : title, + ...opts }); useEffect(() => {