diff options
| author | LASER-Yi <[email protected]> | 2022-06-05 11:41:22 +0800 |
|---|---|---|
| committer | LASER-Yi <[email protected]> | 2022-06-05 11:41:22 +0800 |
| commit | 51d1c46b18dce4d677422d1726ed177a3e81bfe3 (patch) | |
| tree | 19b3f95eb28f7f630677e28a235ac99cdd42e29e | |
| parent | 4481cda6005a653677334244aed9b19436979355 (diff) | |
| download | bazarr-51d1c46b18dce4d677422d1726ed177a3e81bfe3.tar.gz bazarr-51d1c46b18dce4d677422d1726ed177a3e81bfe3.zip | |
Change default open delay of action tooltips to 2 seconds
| -rw-r--r-- | frontend/src/App/Header.tsx | 2 | ||||
| -rw-r--r-- | frontend/src/components/inputs/Action.tsx | 4 |
2 files changed, 3 insertions, 3 deletions
diff --git a/frontend/src/App/Header.tsx b/frontend/src/App/Header.tsx index 320fdc374..e0111a26a 100644 --- a/frontend/src/App/Header.tsx +++ b/frontend/src/App/Header.tsx @@ -85,7 +85,7 @@ const AppHeader: FunctionComponent = () => { control={ <Action label="System" - tooltip={{ position: "left" }} + tooltip={{ position: "left", openDelay: 2000 }} loading={offline} color={offline ? "yellow" : undefined} icon={faGear} diff --git a/frontend/src/components/inputs/Action.tsx b/frontend/src/components/inputs/Action.tsx index 1809221fe..0bcdeea01 100644 --- a/frontend/src/components/inputs/Action.tsx +++ b/frontend/src/components/inputs/Action.tsx @@ -14,14 +14,14 @@ import { forwardRef } from "react"; export type ActionProps = ActionIconProps<"button"> & { icon: IconDefinition; label: string; - tooltip?: Omit<TooltipProps, "label" | "openDelay" | "children">; + tooltip?: Omit<TooltipProps, "label" | "children">; iconProps?: Omit<FontAwesomeIconProps, "icon">; }; const Action = forwardRef<HTMLButtonElement, ActionProps>( ({ icon, iconProps, label, tooltip, ...props }, ref) => { return ( - <Tooltip {...tooltip} label={label} openDelay={500}> + <Tooltip openDelay={1500} {...tooltip} label={label}> <ActionIcon aria-label={label} {...props} ref={ref}> <FontAwesomeIcon icon={icon} {...iconProps}></FontAwesomeIcon> </ActionIcon> |