hanh.tonguyen/paperclip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use proper Tooltip component for sidebar version hover

Browse Source 
The native title attribute tooltip was not working reliably. Switched
to the project's Radix-based Tooltip component which provides instant,
styled tooltips on hover.

Fixes PAP-533

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
dotta
2026-03-17 17:27:24 -05:00
parent 7140090d0b
commit 9a4135c288
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/components/Layout.tsx
View File

@@ -32,6 +32,7 @@ import { queryKeys } from "../lib/queryKeys";
import { cn } from "../lib/utils"; import { cn } from "../lib/utils";
import { NotFoundPage } from "../pages/NotFound"; import { NotFoundPage } from "../pages/NotFound";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
const INSTANCE_SETTINGS_MEMORY_KEY = "paperclip.lastInstanceSettingsPath"; const INSTANCE_SETTINGS_MEMORY_KEY = "paperclip.lastInstanceSettingsPath";
@@ -298,7 +299,12 @@ export function Layout() {
<span className="truncate">Documentation</span> <span className="truncate">Documentation</span>
</a> </a>
{health?.version && ( {health?.version && (
<span className="px-2 text-xs text-muted-foreground shrink-0" title={`v${health.version}`}>v</span> <Tooltip>
<TooltipTrigger asChild>
<span className="px-2 text-xs text-muted-foreground shrink-0 cursor-default">v</span>
</TooltipTrigger>
<TooltipContent>v{health.version}</TooltipContent>
</Tooltip>
)} )}
<Button variant="ghost" size="icon-sm" className="text-muted-foreground shrink-0" asChild> <Button variant="ghost" size="icon-sm" className="text-muted-foreground shrink-0" asChild>
<Link <Link
@@ -351,7 +357,12 @@ export function Layout() {
<span className="truncate">Documentation</span> <span className="truncate">Documentation</span>
</a> </a>
{health?.version && ( {health?.version && (
<span className="px-2 text-xs text-muted-foreground shrink-0" title={`v${health.version}`}>v</span> <Tooltip>
<TooltipTrigger asChild>
<span className="px-2 text-xs text-muted-foreground shrink-0 cursor-default">v</span>
</TooltipTrigger>
<TooltipContent>v{health.version}</TooltipContent>
</Tooltip>
)} )}
<Button variant="ghost" size="icon-sm" className="text-muted-foreground shrink-0" asChild> <Button variant="ghost" size="icon-sm" className="text-muted-foreground shrink-0" asChild>
<Link <Link