Skip to content

feat: GIF picker overhaul, self-reaction prevention, and UI polish#26

Merged
GraysonCAdams merged 7 commits intomainfrom
feat/ui-polish-and-gif-improvements
Mar 1, 2026
Merged

feat: GIF picker overhaul, self-reaction prevention, and UI polish#26
GraysonCAdams merged 7 commits intomainfrom
feat/ui-polish-and-gif-improvements

Conversation

@GraysonCAdams
Copy link
Copy Markdown
Collaborator

Summary

  • GIF picker overhaul: masonry layout, IntersectionObserver lazy-loading, WEBP previews, larger share URLs
  • Self-reaction prevention: users can no longer like or react to their own clips
  • Avatar crop refactor: file picker moved to settings page, modal receives image URL as prop
  • Caption editing: switched from single-line input to multi-line textarea
  • CSP fix: allow giphy.com images in Content-Security-Policy
  • ORIGIN/CSRF docs: documented SvelteKit ORIGIN env var for reverse proxy deployments
  • Misc UI fixes: hide speed pill on mobile, disable video context menu, iOS-only shortcut nudge, explicit "Open Scrolly" button on share page, prevent swipe from hijacking progress bar

Test plan

  • Verify GIF picker shows masonry layout and auto-plays visible GIFs
  • Confirm sharing a GIF in a comment uses the full-size URL
  • Test that favoriting/reacting to your own clip is blocked
  • Test avatar upload flow (file picker in settings, crop in modal)
  • Verify multi-line caption editing works
  • Check GIF images render in comments (CSP)
  • Confirm speed pill hidden on mobile viewport
  • Test share page shows "Open Scrolly" button after success

…e URLs

- Replace CSS grid with dynamic masonry columns (2-3 based on width)
- Add IntersectionObserver to auto-play visible GIFs and show stills off-screen
- Use WEBP for grid previews (smaller/faster), full GIF for comment sharing
- Add search icon to search field for better visual affordance
- Increase GIF fetch limit from 20 to 30
- Reduce displayed GIF sizes in comments for better readability
…prop

AvatarCropModal now receives imageUrl as a prop instead of opening the
file picker internally. Settings page handles file selection and object
URL lifecycle, making the modal simpler and more reusable.
Disable the favorite button and block reaction gestures (double-tap,
long-press, picker) when viewing your own clip.
- Hide speed pill on mobile (touch-only devices)
- Disable video right-click context menu
- Only show iOS Shortcut nudge on iOS devices
- Add explicit 'Open Scrolly' button on share success page
- Prevent horizontal swipe from hijacking progress bar interaction
@GraysonCAdams GraysonCAdams merged commit 4dfd720 into main Mar 1, 2026
17 checks passed
@GraysonCAdams GraysonCAdams deleted the feat/ui-polish-and-gif-improvements branch March 1, 2026 15:34
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