diff --git a/app/client/ui/PagePanels.ts b/app/client/ui/PagePanels.ts index bb604370..a565c8e2 100644 --- a/app/client/ui/PagePanels.ts +++ b/app/client/ui/PagePanels.ts @@ -1,10 +1,12 @@ /** * Note that it assumes the presence of cssVars.cssRootVars on . */ +import {makeT} from 'app/client/lib/localization'; import * as commands from 'app/client/components/commands'; import {watchElementForBlur} from 'app/client/lib/FocusLayer'; import {urlState} from "app/client/models/gristUrlState"; import {resizeFlexVHandle} from 'app/client/ui/resizeHandle'; +import {hoverTooltip} from 'app/client/ui/tooltips'; import {transition, TransitionWatcher} from 'app/client/ui/transitions'; import {cssHideForNarrowScreen, isScreenResizing, mediaNotSmall, mediaSmall, theme} from 'app/client/ui2018/cssVars'; import {isNarrowScreenObs} from 'app/client/ui2018/cssVars'; @@ -17,6 +19,8 @@ import once from 'lodash/once'; import {SessionObs} from 'app/client/lib/sessionObs'; import debounce from 'lodash/debounce'; +const t = makeT('PagePanels'); + const AUTO_EXPAND_TIMEOUT_MS = 400; // delay must be greater than the time needed for transientInput to update focus (ie: 10ms); @@ -280,6 +284,8 @@ export function pagePanels(page: PageContents) { cssPanelOpener('PanelLeft', cssPanelOpener.cls('-open', right.panelOpen), testId('right-opener'), dom.cls('tour-creator-panel'), + hoverTooltip(() => (right.panelOpen.get() ? t('Close Creator Panel') : t('Open Creator Panel')), + {key: 'topBarBtnTooltip'}), dom.on('click', () => toggleObs(right.panelOpen)), cssHideForNarrowScreen.cls('')) ),