Change default open delay of action tooltips to 2 seconds

pull/1867/head
LASER-Yi 2 years ago
parent 4481cda600
commit 51d1c46b18

@ -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}

@ -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>

Loading…
Cancel
Save