Skip to content

Make task deletion accessible on mobile devices#9

Merged
shobhit2603 merged 2 commits into
mainfrom
copilot/fix-delete-tasks-mobile
May 23, 2026
Merged

Make task deletion accessible on mobile devices#9
shobhit2603 merged 2 commits into
mainfrom
copilot/fix-delete-tasks-mobile

Conversation

Copilot AI commented May 23, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

Delete button relied on hover state, making it inaccessible on touch devices. Users couldn't delete tasks on mobile phones.

Changes

Delete Button Visibility

  • Changed from opacity-0 group-hover:opacity-100 to md:opacity-0 md:group-hover:opacity-100 opacity-100
  • Always visible on mobile (< 768px), hover-only on desktop (≥ 768px)

Responsive Layout

  • Task item padding: p-5 → p-3 md:p-5
  • Task item gaps: gap-2 md:gap-3
  • Text sizing: text-base md:text-lg
  • Added break-words for long titles

Delete Confirmation Modal

  • Modal padding: p-4 md:p-6
  • Full width on mobile: w-full
  • Buttons stack vertically on mobile: flex-col-reverse md:flex-row

Example

// Before: Delete button never visible on mobile
<button className="ml-3 p-2 opacity-0 group-hover:opacity-100">
  <Trash />
</button>

// After: Always visible on mobile
<button className="shrink-0 p-2 md:opacity-0 md:group-hover:opacity-100 opacity-100">
  <Trash size={18} className="md:w-5 md:h-5" />
</button>

@vercel

vercel Bot commented May 23, 2026 •
edited
Loading

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
momentum Ready Ready Preview, Comment May 23, 2026 3:17pm

Copilot AI linked an issue May 23, 2026 that may be closed by this pull request
User is not able to delete tasks on mobile phones. #8
Closed
@shobhit2603
Improve task deletion UX for mobile devices
98a845b 
- Make delete button always visible on mobile (< 768px)
- Delete button only appears on hover on desktop (≥ 768px)
- Improve task item layout with responsive spacing
- Enhance delete confirmation modal for mobile
- Add better button stacking on mobile devices

Agent-Logs-Url: https://github.com/shobhit2603/Momentum/sessions/57fadfc7-a1b3-4973-817a-29aff7c3464b

Co-authored-by: shobhit2603 <149822769+shobhit2603@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix issue preventing task deletion on mobile devices Make task deletion accessible on mobile devices May 23, 2026
Copilot AI requested a review from shobhit2603 May 23, 2026 15:16
shobhit2603
shobhit2603 approved these changes May 23, 2026
View reviewed changes

@shobhit2603 shobhit2603 left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think the fix is working properly.

@shobhit2603 shobhit2603 marked this pull request as ready for review May 23, 2026 15:18
Copilot AI review requested due to automatic review settings May 23, 2026 15:18
@shobhit2603 shobhit2603 merged commit 619f0af into main May 23, 2026
2 of 3 checks passed
@shobhit2603 shobhit2603 deleted the copilot/fix-delete-tasks-mobile branch May 23, 2026 15:18
Copilot AI removed the request for review from Copilot May 23, 2026 15:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

1 more reviewer

@shobhit2603 shobhit2603 shobhit2603 approved these changes

Reviewers whose approvals may not affect merge requirements

Assignees

@shobhit2603 shobhit2603

Copilot code review Copilot

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

User is not able to delete tasks on mobile phones.

2 participants

@shobhit2603