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

[WIKI-316] fix: list item overflow #6942

Browse source
This commit is contained in:
Anmol Singh Bhatia 2025-04-17 17:08:13 +05:30 • committed by GitHub
parent f65253c994
commit 3ce40dfa2f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
web/core/components/core/list/list-item.tsx
View file

@ -24,6 +24,8 @@ interface IListItemProps {
isSidebarOpen?: boolean;
quickActionElement?: JSX.Element;
preventDefaultNProgress?: boolean;
leftElementClassName?: string;
rightElementClassName?: string;
}
export const ListItem: FC<IListItemProps> = (props) => {
@ -44,6 +46,8 @@ export const ListItem: FC<IListItemProps> = (props) => {
quickActionElement,
itemClassName = "",
preventDefaultNProgress = false,
leftElementClassName = "",
rightElementClassName = "",
} = props;
// router
@ -64,7 +68,7 @@ export const ListItem: FC<IListItemProps> = (props) => {
className
)}
>
<div className={cn("relative flex w-full items-center justify-between gap-3 overflow-hidden", itemClassName)}>
<div className={cn("relative flex w-full items-center justify-between gap-3 truncate ", itemClassName)}>
<ControlLink
id={id}
className="relative flex w-full items-center gap-3 overflow-hidden"
@ -74,20 +78,22 @@ export const ListItem: FC<IListItemProps> = (props) => {
disabled={disableLink}
data-prevent-nprogress={preventDefaultNProgress}
>
<div className="flex items-center gap-4 truncate">
<div className={cn("flex items-center gap-4 truncate", leftElementClassName)}>
{prependTitleElement && <span className="flex items-center flex-shrink-0">{prependTitleElement}</span>}
<Tooltip tooltipContent={title} position="top" isMobile={isMobile}>
<span className="truncate text-sm">{title}</span>
</Tooltip>
</div>
{appendTitleElement && <span className="flex items-center flex-shrink-0">{appendTitleElement}</span>}
{appendTitleElement && (
<span className={cn("flex items-center flex-shrink-0", rightElementClassName)}>{appendTitleElement}</span>
)}
</ControlLink>
{quickActionElement && quickActionElement}
</div>
{actionableItems && (
<div
className={cn(
"relative flex items-center justify-start gap-4 flex-wrap w-full",
"relative flex items-center justify-start gap-4 flex-wrap w-full flex-shrink-0",
{
"xl:flex-nowrap xl:w-auto xl:flex-shrink-0": isSidebarOpen,
"lg:flex-nowrap lg:w-auto lg:flex-shrink-0": !isSidebarOpen,