diff --git a/common/changes/office-ui-fabric-react/kysedate-tooltip-long-delay_2018-04-02-17-42.json b/common/changes/office-ui-fabric-react/kysedate-tooltip-long-delay_2018-04-02-17-42.json new file mode 100644 index 00000000000000..d3b6d554c33abf --- /dev/null +++ b/common/changes/office-ui-fabric-react/kysedate-tooltip-long-delay_2018-04-02-17-42.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Adding a longer delay as an option to the tooltip comonent. Before there was only a medium (300ms) or zero (0ms) delay.", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "kysedate@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.scss b/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.scss index 0fd0f0032be80b..bf33ef670794a9 100644 --- a/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.scss +++ b/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.scss @@ -14,6 +14,10 @@ &.hasMediumDelay { animation-delay: 300ms; } + + &.hasLongDelay { + animation-delay: 500ms; + } } .content { diff --git a/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.tsx b/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.tsx index 0215bcbfd09b6d..e15232fa67a8e1 100644 --- a/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.tsx +++ b/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.tsx @@ -54,6 +54,7 @@ export class Tooltip extends BaseComponent { AnimationClassNames.fadeIn200, styles.root, (delay === TooltipDelay.medium) && styles.hasMediumDelay, + (delay === TooltipDelay.long) && styles.hasLongDelay, (maxWidth !== null) && { maxWidth: maxWidth }, calloutProps ? calloutProps.className : undefined, this.props.className diff --git a/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.types.ts b/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.types.ts index fe7a97f8ebfec9..f57a2d0ca9f31e 100644 --- a/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.types.ts +++ b/packages/office-ui-fabric-react/src/components/Tooltip/Tooltip.types.ts @@ -65,5 +65,6 @@ export interface ITooltipProps extends React.HTMLAttributes