use consistent tooltip delay

This commit is contained in:
David Lechner
2021-01-15 11:08:04 -06:00
parent a66331840c
commit f54beab97f
10 changed files with 25 additions and 10 deletions
+6 -1
View File
@@ -12,6 +12,7 @@ import {
} from '@blueprintjs/core';
import { WithI18nProps, withI18n } from '@shopify/react-i18n';
import React from 'react';
import { tooltipDelay } from '../settings/ui';
import { TooltipId } from './button-i18n';
import en from './button-i18n.en.json';
@@ -42,7 +43,11 @@ class ActionButton extends React.Component<Props> {
tooltipText += ` (${this.props.keyboardShortcut})`;
}
return (
<Tooltip content={tooltipText} position={Position.BOTTOM}>
<Tooltip
content={tooltipText}
position={Position.BOTTOM}
hoverOpenDelay={tooltipDelay}
>
<Button
ref={this.buttonRef}
intent={Intent.PRIMARY}
+2
View File
@@ -4,6 +4,7 @@
import { Button, Intent, Position, Tooltip } from '@blueprintjs/core';
import { WithI18nProps, withI18n } from '@shopify/react-i18n';
import React from 'react';
import { tooltipDelay } from '../settings/ui';
import { TooltipId } from './button-i18n';
import en from './button-i18n.en.json';
@@ -28,6 +29,7 @@ class LinkButton extends React.Component<Props> {
<Tooltip
content={this.props.i18n.translate(this.props.tooltip)}
position={Position.BOTTOM}
hoverOpenDelay={tooltipDelay}
>
<Button
intent={Intent.PRIMARY}
+2
View File
@@ -5,6 +5,7 @@ import { Button, Intent, Position, Tooltip } from '@blueprintjs/core';
import { WithI18nProps, withI18n } from '@shopify/react-i18n';
import React from 'react';
import Dropzone, { FileRejection } from 'react-dropzone';
import { tooltipDelay } from '../settings/ui';
import { TooltipId } from './button-i18n';
import en from './button-i18n.en.json';
@@ -81,6 +82,7 @@ class OpenFileButton extends React.Component<Props> {
<Tooltip
content={this.props.i18n.translate(this.props.tooltip)}
position={Position.BOTTOM}
hoverOpenDelay={tooltipDelay}
>
<Button
{...getRootProps()}
+2 -3
View File
@@ -9,15 +9,14 @@ import { Action, Dispatch } from '../actions';
import { closeSettings } from '../actions/app';
import { setBoolean } from '../actions/settings';
import { RootState } from '../reducers';
import { SettingId } from '../settings';
import { tooltipDelay } from '../settings/ui';
import { SettingId } from '../settings/user';
import { isMacOS } from '../utils/os';
import { SettingsStringId } from './settings-i18n';
import en from './settings-i18n.en.json';
import './settings.scss';
const tooltipDelay = 1000;
type StateProps = {
open: boolean;
showDocs: boolean;