binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: added tooltips for truncated favorites (#6330)

Browse source
This commit is contained in:
Vamsi Krishna 2025-01-07 13:16:26 +05:30 • committed by GitHub
parent 0af9b09844
commit 906d095a1e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/core/components/workspace/sidebar/favorites/favorite-folder.tsx
View file

@ -188,12 +188,7 @@ export const FavoriteFolder: React.FC<Props> = (props) => {
</div> </div>
) : ( ) : (
<> <>
<Tooltip <Tooltip tooltipContent={`${favorite.name}`} position="right" className="ml-8" isMobile={isMobile}>
tooltipContent={`${favorite.name}`}
position="right"
disabled={!isSidebarCollapsed}
isMobile={isMobile}
>
<div className="flex-grow flex truncate"> <div className="flex-grow flex truncate">
<Disclosure.Button <Disclosure.Button
as="button" as="button"

3
web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-title.tsx
View file

@ -3,6 +3,7 @@ import React, { FC } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import Link from "next/link"; import Link from "next/link";
import { Tooltip } from "@plane/ui"; import { Tooltip } from "@plane/ui";
import { cn } from "@plane/utils";
import { useAppTheme } from "@/hooks/store"; import { useAppTheme } from "@/hooks/store";
import { usePlatformOS } from "@/hooks/use-platform-os"; import { usePlatformOS } from "@/hooks/use-platform-os";
@ -28,7 +29,7 @@ export const FavoriteItemTitle: FC<Props> = observer((props) => {
}; };
return ( return (
<Tooltip tooltipContent={title} isMobile={isMobile} disabled={!isSidebarCollapsed} position="right"> <Tooltip tooltipContent={title} isMobile={isMobile} position="right" className={cn(!isSidebarCollapsed && "ml-8")}>
<Link href={href} className={isSidebarCollapsed ? collapsedClass : linkClass} draggable onClick={handleOnClick}> <Link href={href} className={isSidebarCollapsed ? collapsedClass : linkClass} draggable onClick={handleOnClick}>
<span className="flex items-center justify-center size-5">{icon}</span> <span className="flex items-center justify-center size-5">{icon}</span>
{!isSidebarCollapsed && <span className="text-sm leading-5 font-medium flex-1 truncate">{title}</span>} {!isSidebarCollapsed && <span className="text-sm leading-5 font-medium flex-1 truncate">{title}</span>}