Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): give tooltips padding from screen edge

Browse Source 
We can pass a popperjs modifier to the tooltip to give it this padding.
This commit is contained in:
psychedelicious 2024-01-04 19:03:57 +11:00 committed by Kent Keirsey
parent 01bab58b20
commit 8db14911d7
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
invokeai/frontend/web/src/common/components/InvTooltip/InvTooltip.tsx
View File

@ -3,6 +3,15 @@ import { memo } from 'react';
import type { InvTooltipProps } from './types'; import type { InvTooltipProps } from './types';
const modifiers: InvTooltipProps['modifiers'] = [
{
name: 'preventOverflow',
options: {
padding: 12,
},
},
];
export const InvTooltip = memo( export const InvTooltip = memo(
forwardRef<InvTooltipProps, typeof ChakraTooltip>( forwardRef<InvTooltipProps, typeof ChakraTooltip>(
(props: InvTooltipProps, ref) => { (props: InvTooltipProps, ref) => {
@ -13,6 +22,7 @@ export const InvTooltip = memo(
hasArrow={hasArrow} hasArrow={hasArrow}
placement={placement} placement={placement}
arrowSize={8} arrowSize={8}
modifiers={modifiers}
{...rest} {...rest}
> >
{children} {children}