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

[WEB-4552] fix: stickies layout + minified layout filter (#7466)

Browse source
This commit is contained in:
Akshita Goyal 2025-07-24 14:06:46 +05:30 • committed by GitHub
parent b7be45d08a
commit 3c6e2b4447
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 22 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/header.tsx
View file

@ -228,7 +228,13 @@ export const CycleIssuesHeader: React.FC = observer(() => {
</div> </div>
<div className="flex @4xl:hidden"> <div className="flex @4xl:hidden">
<MobileLayoutSelection <MobileLayoutSelection
layouts={[EIssueLayoutTypes.LIST, EIssueLayoutTypes.KANBAN, EIssueLayoutTypes.CALENDAR]} layouts={[
EIssueLayoutTypes.LIST,
EIssueLayoutTypes.KANBAN,
EIssueLayoutTypes.CALENDAR,
EIssueLayoutTypes.SPREADSHEET,
EIssueLayoutTypes.GANTT,
]}
onChange={(layout) => handleLayoutChange(layout)} onChange={(layout) => handleLayoutChange(layout)}
activeLayout={activeLayout} activeLayout={activeLayout}
/> />

8
apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/header.tsx
View file

@ -219,7 +219,13 @@ export const ModuleIssuesHeader: React.FC = observer(() => {
</div> </div>
<div className="flex @4xl:hidden"> <div className="flex @4xl:hidden">
<MobileLayoutSelection <MobileLayoutSelection
layouts={[EIssueLayoutTypes.LIST, EIssueLayoutTypes.KANBAN, EIssueLayoutTypes.CALENDAR]} layouts={[
EIssueLayoutTypes.LIST,
EIssueLayoutTypes.KANBAN,
EIssueLayoutTypes.CALENDAR,
EIssueLayoutTypes.SPREADSHEET,
EIssueLayoutTypes.GANTT,
]}
onChange={(layout) => handleLayoutChange(layout)} onChange={(layout) => handleLayoutChange(layout)}
activeLayout={activeLayout} activeLayout={activeLayout}
/> />

2
apps/web/core/components/issues/issue-layouts/filters/header/mobile-layout-selection.tsx
View file

@ -46,7 +46,7 @@ export const MobileLayoutSelection = ({
className="flex items-center gap-2" className="flex items-center gap-2"
> >
<IssueLayoutIcon layout={layout.key} className="h-3 w-3" /> <IssueLayoutIcon layout={layout.key} className="h-3 w-3" />
<div className="text-custom-text-300">{t(layout.i18n_title)}</div> <div className="text-custom-text-300">{t(layout.i18n_label)}</div>
</CustomMenu.MenuItem> </CustomMenu.MenuItem>
))} ))}
</CustomMenu> </CustomMenu>

9
apps/web/core/components/stickies/layout/stickies-list.tsx
View file

@ -182,10 +182,13 @@ export const StickiesLayout = (props: TStickiesLayout) => {
}, []); }, []);
const getColumnCount = (width: number | null): number => { const getColumnCount = (width: number | null): number => {
if (width === null) return 3; if (width === null) return 4;
if (width < 640) return 2; if (width < 640) return 2; // sm
return 3; if (width < 850) return 3; // md
if (width < 1024) return 4; // lg
if (width < 1280) return 5; // xl
return 6; // 2xl and above
}; };
const columnCount = getColumnCount(containerWidth); const columnCount = getColumnCount(containerWidth);

1
packages/constants/src/issue/layout.ts
View file

@ -62,4 +62,5 @@ export const ISSUE_LAYOUT_MAP: TIssueLayoutMap = {
export const ISSUE_LAYOUTS: { export const ISSUE_LAYOUTS: {
key: EIssueLayoutTypes; key: EIssueLayoutTypes;
i18n_title: string; i18n_title: string;
i18n_label: string;
}[] = Object.values(ISSUE_LAYOUT_MAP); }[] = Object.values(ISSUE_LAYOUT_MAP);