Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: system monitor expand overlap tooltip ribbon (#2158)

Browse Source
This commit is contained in:
Faisal Amir 2024-02-27 13:24:32 +07:00 committed by GitHub
parent 00e5c4e5a7
commit b1e748b958
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 27 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
web/containers/Layout/Ribbon/index.tsx
View File

@ -2,6 +2,7 @@ import {
Tooltip, Tooltip,
TooltipContent, TooltipContent,
TooltipTrigger, TooltipTrigger,
TooltipPortal,
TooltipArrow, TooltipArrow,
} from '@janhq/uikit' } from '@janhq/uikit'
import { motion as m } from 'framer-motion' import { motion as m } from 'framer-motion'
@ -118,24 +119,26 @@ export default function RibbonNav() {
/> />
)} )}
</TooltipTrigger> </TooltipTrigger>
{serverEnabled && <TooltipPortal>
primary.state === MainViewState.Thread ? ( {serverEnabled &&
<TooltipContent primary.state === MainViewState.Thread ? (
side="right" <TooltipContent
sideOffset={10} side="right"
className="max-w-[180px]" sideOffset={10}
> className="max-w-[180px]"
<span> >
Threads are disabled while the server is running <span>
</span> Threads are disabled while the server is running
<TooltipArrow /> </span>
</TooltipContent> <TooltipArrow />
) : ( </TooltipContent>
<TooltipContent side="right" sideOffset={10}> ) : (
<span>{primary.name}</span> <TooltipContent side="right" sideOffset={10}>
<TooltipArrow /> <span>{primary.name}</span>
</TooltipContent> <TooltipArrow />
)} </TooltipContent>
)}
</TooltipPortal>
</Tooltip> </Tooltip>
</div> </div>
) )
@ -168,10 +171,12 @@ export default function RibbonNav() {
/> />
)} )}
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="right" sideOffset={10}> <TooltipPortal>
<span>{secondary.name}</span> <TooltipContent side="right" sideOffset={10}>
<TooltipArrow /> <span>{secondary.name}</span>
</TooltipContent> <TooltipArrow />
</TooltipContent>
</TooltipPortal>
</Tooltip> </Tooltip>
</div> </div>
) )