[WEB-4268] fix: quick action dropdown overflow issue in initiatives item #3345

This commit is contained in:
Anmol Singh Bhatia
2025-06-06 20:10:50 +05:30
committed by GitHub
parent 368b2e19e7
commit e9cf4d18ba
2 changed files with 20 additions and 5 deletions

View File

@@ -109,7 +109,17 @@ export const EpicListItem: React.FC<Props> = observer((props) => {
</>
}
quickActionElement={
<div className="flex shrink-0 items-center gap-2">
<div className="block md:hidden">
<EpicQuickActions
workspaceSlug={workspaceSlug}
epicId={epicId}
initiativeId={initiativeId}
disabled={disabled}
/>
</div>
}
actionableItems={
<>
<EpicProperties
workspaceSlug={workspaceSlug}
initiativeId={initiativeId}
@@ -126,7 +136,7 @@ export const EpicListItem: React.FC<Props> = observer((props) => {
disabled={disabled}
/>
</div>
</div>
</>
}
itemClassName="overflow-visible"
isMobile={isMobile}

View File

@@ -66,7 +66,12 @@ export const ProjectItem = observer((props: Props) => {
</>
}
quickActionElement={
<div className="flex shrink-0 items-center gap-2">
<div className="block md:hidden">
<QuickActions project={projectDetails} workspaceSlug={workspaceSlug.toString()} initiativeId={initiativeId} />
</div>
}
actionableItems={
<>
<Attributes
project={projectDetails}
isArchived={projectDetails.archived_at !== null}
@@ -81,14 +86,14 @@ export const ProjectItem = observer((props: Props) => {
date: isProjectGroupingEnabled,
}}
/>
<div className={cn("hidden md:flex")}>
<div className="hidden md:flex">
<QuickActions
project={projectDetails}
workspaceSlug={workspaceSlug.toString()}
initiativeId={initiativeId}
/>
</div>
</div>
</>
}
itemClassName="overflow-visible"
isMobile={isMobile}