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

[WEB-1204] fix: Kanban and calendar drag and drop in mobile (#4408)

Browse source 
* chore: don't show context menu on mobile devices

* fix: drag and drop in mobile

* chore: default show more options in mobile

* fix: dnd in calendar layout
This commit is contained in:
Aaryan Khandelwal 2024-05-16 23:42:54 +05:30 • committed by GitHub
parent 33079c826d
commit 26188f208b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 34 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

9
web/components/issues/issue-layouts/calendar/issue-block.tsx
View file

@ -71,7 +71,7 @@ export const CalendarIssueBlock = observer(
target="_blank"
onClick={() => handleIssuePeekOverview(issue)}
className="block w-full text-sm text-custom-text-100 rounded border-b md:border-[1px] border-custom-border-200 hover:border-custom-border-400"
disabled={!!issue?.tempId}
disabled={!!issue?.tempId || isMobile}
ref={ref}
>
<>
@ -105,9 +105,10 @@ export const CalendarIssueBlock = observer(
</Tooltip>
</div>
<div
className={`flex-shrink-0 md:hidden h-5 w-5 group-hover/calendar-block:block ${
isMenuActive ? "!block" : ""
}`}
className={cn("flex-shrink-0 size-5", {
"hidden group-hover/calendar-block:block": !isMobile,
block: isMenuActive,
})}
onClick={(e) => {
e.preventDefault();
e.stopPropagation();

7
web/components/issues/issue-layouts/kanban/block.tsx
View file

@ -63,7 +63,9 @@ const KanbanIssueDetailsBlock: React.FC<IssueDetailsBlockProps> = observer((prop
{getProjectIdentifierById(issue.project_id)}-{issue.sequence_id}
</div>
<div
className="absolute -top-1 right-0 hidden group-hover/kanban-block:block"
className={cn("absolute -top-1 right-0", {
"hidden group-hover/kanban-block:block": !isMobile,
})}
onClick={handleEventPropagation}
>
{quickActions({
@ -116,6 +118,7 @@ export const KanbanIssueBlock: React.FC<IssueBlockProps> = observer((props) => {
// hooks
const { workspaceSlug } = useAppRouter();
const { getIsIssuePeeked, setPeekIssue } = useIssueDetail();
const { isMobile } = usePlatformOS();
const handleIssuePeekOverview = (issue: TIssue) =>
workspaceSlug &&
@ -210,7 +213,7 @@ export const KanbanIssueBlock: React.FC<IssueBlockProps> = observer((props) => {
)}
target="_blank"
onClick={() => handleIssuePeekOverview(issue)}
disabled={!!issue?.tempId}
disabled={!!issue?.tempId || isMobile}
>
<RenderIfVisible
classNames="space-y-2 px-3 py-2"