tooltips improvements (#896)

* add and fix tooltips on toolbar

* move tooltips below buttons

* add global definition for tooltip hover over delay
This commit is contained in:
Bruce Martin
2019-08-22 20:56:33 -07:00
committed by GitHub
parent 0f36b49840
commit b359a610da
7 changed files with 75 additions and 26 deletions
+13 -3
View File
@@ -1,6 +1,7 @@
// jshint esversion: 6
import React from "react";
import { AnchorButton, Tooltip } from "@blueprintjs/core";
import { tooltipHoverOpenDelay } from "../../globals";
function InformationMenu(props) {
const {
@@ -13,7 +14,11 @@ function InformationMenu(props) {
} = props;
return (
<div style={{ marginLeft: 10 }} className="bp3-button-group">
<Tooltip content="Undo" position="left">
<Tooltip
content="Undo"
position="bottom"
hoverOpenDelay={tooltipHoverOpenDelay}
>
<AnchorButton
type="button"
className="bp3-button bp3-icon-undo"
@@ -26,7 +31,11 @@ function InformationMenu(props) {
}}
/>
</Tooltip>
<Tooltip content="Redo" position="left">
<Tooltip
content="Redo"
position="bottom"
hoverOpenDelay={tooltipHoverOpenDelay}
>
<AnchorButton
type="button"
className="bp3-button bp3-icon-redo"
@@ -41,7 +50,8 @@ function InformationMenu(props) {
</Tooltip>
<Tooltip
content="Reset cellxgene, clearing all selections"
position="left"
position="bottom"
hoverOpenDelay={tooltipHoverOpenDelay}
>
<AnchorButton
disabled={isResetDisabled()}