calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-07-18 11:36:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

add mising tooltips to collapsed sidebar

Browse Source
This commit is contained in:
miloschwartz
2026-07-06 21:52:22 -04:00
parent a521db91a2
commit d742300e82
1 changed files with 69 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/LayoutSidebar.tsx
+69 -49
View File
@@ -175,34 +175,46 @@ export function LayoutSidebar({
isSidebarCollapsed ? "mb-4" : "mb-1" isSidebarCollapsed ? "mb-4" : "mb-1"
)} )}
> >
<Link {isSidebarCollapsed ? (
href={`/${orgId}`} <TooltipProvider>
className={cn( <Tooltip>
"flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md", <TooltipTrigger asChild>
isSidebarCollapsed <Link
? "px-2 py-2 justify-center" href={`/${orgId}`}
: "px-3 py-1.5" className={cn(
)} "flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md px-2 py-2 justify-center"
title={ )}
isSidebarCollapsed >
? t("resourceLauncherTitle") <span className="flex-shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground">
: undefined <SquareMousePointer className="h-4 w-4" />
} </span>
> </Link>
<span </TooltipTrigger>
<TooltipContent
side="right"
sideOffset={8}
>
<p>
{t("resourceLauncherTitle")}
</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
) : (
<Link
href={`/${orgId}`}
className={cn( className={cn(
"flex-shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground", "flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md px-3 py-1.5"
!isSidebarCollapsed && "mr-3"
)} )}
> >
<SquareMousePointer className="h-4 w-4" /> <span className="flex-shrink-0 mr-3 w-5 h-5 flex items-center justify-center text-muted-foreground">
</span> <SquareMousePointer className="h-4 w-4" />
{!isSidebarCollapsed && ( </span>
<span className="flex-1"> <span className="flex-1">
{t("resourceLauncherTitle")} {t("resourceLauncherTitle")}
</span> </span>
)} </Link>
</Link> )}
</div> </div>
)} )}
{!isAdminPage && user.serverAdmin && ( {!isAdminPage && user.serverAdmin && (
@@ -212,36 +224,44 @@ export function LayoutSidebar({
isSidebarCollapsed ? "mb-4" : "mb-1" isSidebarCollapsed ? "mb-4" : "mb-1"
)} )}
> >
<Link {isSidebarCollapsed ? (
href="/admin" <TooltipProvider>
className={cn( <Tooltip>
"flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md", <TooltipTrigger asChild>
isSidebarCollapsed <Link
? "px-2 py-2 justify-center" href="/admin"
: "px-3 py-1.5" className={cn(
)} "flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md px-2 py-2 justify-center"
title={ )}
isSidebarCollapsed >
? t("serverAdmin") <span className="flex-shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground">
: undefined <Server className="h-4 w-4" />
} </span>
> </Link>
<span </TooltipTrigger>
<TooltipContent
side="right"
sideOffset={8}
>
<p>{t("serverAdmin")}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
) : (
<Link
href="/admin"
className={cn( className={cn(
"flex-shrink-0 w-5 h-5 flex items-center justify-center text-muted-foreground", "flex items-center transition-colors text-muted-foreground hover:text-foreground text-sm w-full hover:bg-sidebar-accent dark:hover:bg-sidebar-accent/50 rounded-md px-3 py-1.5"
!isSidebarCollapsed && "mr-3"
)} )}
> >
<Server className="h-4 w-4" /> <span className="flex-shrink-0 mr-3 w-5 h-5 flex items-center justify-center text-muted-foreground">
</span> <Server className="h-4 w-4" />
{!isSidebarCollapsed && ( </span>
<> <span className="flex-1">
<span className="flex-1"> {t("serverAdmin")}
{t("serverAdmin")} </span>
</span> </Link>
</> )}
)}
</Link>
</div> </div>
)} )}
<SidebarNav <SidebarNav