Skip to content

Fix overlapping appointment cards press feedback#13

Draft
sgandhi-gg wants to merge 1 commit into
hide-dragging-end-timefrom
fix-overlapping-cards-press-feedback
Draft

Fix overlapping appointment cards press feedback#13
sgandhi-gg wants to merge 1 commit into
hide-dragging-end-timefrom
fix-overlapping-cards-press-feedback

Conversation

@sgandhi-gg

Copy link
Copy Markdown
Collaborator

Summary

  • Fix press feedback for overlapping appointment cards
  • Move from opacity-based feedback to overlay-based approach
  • Ensures entire card darkens on press, not just visible portion

Changes

  • Changed Pressable to use render prop pattern instead of style function
  • Added pressedOverlay style with dark overlay (rgba(0, 0, 0, 0.2))
  • Overlay now correctly covers the entire card regardless of overlap

Test plan

  • Tap on a non-overlapping appointment card - should darken entire card
  • Tap on an overlapping appointment card - should darken entire card (not just visible portion)
  • Long press still triggers drag functionality
  • Press feedback works consistently across light/dark themes

🤖 Generated with Claude Code

When tapping overlapping appointment cards, only the visible portion
was being darkened due to opacity being applied to the Pressable itself.
This created a confusing UX where the overlay effect didn't cover the
entire card.

Changes:
- Move press feedback from Pressable style to render prop pattern
- Add pressedOverlay style with dark overlay (rgba(0, 0, 0, 0.2))
- Overlay now correctly darkens the entire card regardless of overlap
- Maintains existing functionality for onPress and onLongPress events

This ensures consistent visual feedback across all appointment cards,
whether they overlap with other cards or not.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant