Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Better animations for dialogs, animate web composer #7703

Merged
merged 4 commits into from
Feb 12, 2025

Conversation

mozzius
Copy link
Member

@mozzius mozzius commented Feb 8, 2025

Adds new animation atoms with some preset animations, and animates dialogs (including the composer) with a combined fade/zoom animation. Respects prefers-reduced-motion

It'd be nice to have exit animations on these, but the elements are unmounted on hide so would require deeper reworking to get that functional

Screen.Recording.2025-02-08.at.18.34.43.mov

Test plan

Test different browsers, check that all the animations look good and don't impede functionality

@arcalinea arcalinea temporarily deployed to samuel/zoom-in-modals - social-app PR #7703 February 8, 2025 18:39 — with Render Destroyed
Copy link

github-actions bot commented Feb 8, 2025

Old size New size Diff
7.02 MB 7.02 MB 569 B (0.01%)

@arcalinea arcalinea temporarily deployed to samuel/zoom-in-modals - social-app PR #7703 February 8, 2025 18:56 — with Render Destroyed
@arcalinea arcalinea temporarily deployed to samuel/zoom-in-modals - social-app PR #7703 February 10, 2025 15:59 — with Render Destroyed
@mozzius mozzius merged commit 5d3e2e1 into main Feb 12, 2025
7 checks passed
@mozzius mozzius deleted the samuel/zoom-in-modals branch February 12, 2025 21:18
estrattonbailey added a commit that referenced this pull request Feb 13, 2025
* origin/main: (39 commits)
  Revert "fix quote & feed padding not being pressable (#7694)" (#7733)
  Nightly source-language update
  Add dev mode for easy copying of at:// URIs and DIDs (#7723)
  Improved search language select (#7591)
  Improved search page (#7590)
  Animate drawer menu on mobile web (#7711)
  Special treatment for recommended starter packs (#7706)
  invert new postonboarding gate (#7695)
  Animate dropdown menus (#7704)
  Better animations for dialogs, animate web composer (#7703)
  fix quote & feed padding not being pressable (#7694)
  ungate trending (#7696)
  run prettier (#7727)
  Nightly source-language update
  Add deploy key to nightly commit (#7722)
  [APP-1031] Add new followerRule to threadgate settings (#7681)
  Fix bug in GH action nightly-update-source-languages.yaml
  More i18n process updates (#7720)
  Run intl:extract on english to see if crowdin picks up on the changes
  Refine accessibilityHint (#7554)
  ...
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.

3 participants