hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Add hover tooltip

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-03-15 15:51:28 +03:00
parent 52a8db159f
commit 72b5729780
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/components/dock/dock-tab.tsx
View File

@ -16,6 +16,7 @@ import { observable, makeObservable } from "mobx";
import { isMac } from "../../../common/vars";
import { withInjectables } from "@ogre-tools/injectable-react";
import dockStoreInjectable from "./dock/store.injectable";
import { Tooltip, TooltipPosition } from "../tooltip";
export interface DockTabProps extends TabProps<DockTabModel> {
moreActions?: React.ReactNode;
@ -80,7 +81,7 @@ class NonInjectedDockTab extends React.Component<DockTabProps & Dependencies> {
const { title, pinned } = tabProps.value;
const label = (
<div className="flex gaps align-center" onAuxClick={isMiddleClick(prevDefault(this.close))}>
<span className={styles.title} title={title}>{title}</span>
<span className={styles.title}>{title}</span>
{moreActions}
{!pinned && (
<div className={styles.close}>
@ -91,6 +92,11 @@ class NonInjectedDockTab extends React.Component<DockTabProps & Dependencies> {
/>
</div>
)}
<Tooltip
targetId={`tab-${this.tabId}`}
preferredPositions={[TooltipPosition.BOTTOM, TooltipPosition.BOTTOM_LEFT]}
style={{ transitionDelay: "500ms" }}
>{title}</Tooltip>
</div>
);