Repository navigation
feat: motion across the shell, overlays and controls (1.2.0) - #24
Merged
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Adds shared motion so apps feel smoother, with no new dependency. Everything is off under
prefers-reduced-motion: reduce.PageTransitionexport, a React 19.3ViewTransitionkeyed by the page. The old page fades out, the root snapshot doesn't animate, so the header, sidebar and tab bar stay still..page-enteris now a 4px rise as well as a fade.Tabsunderline morphs to the new tab across pages through a named view transition. The sidebar's active background is a single indicator that slides to the new row. The phone tab bar gets a pill behind the active icon that slides between tabs.PopoverandMenudefault toFadeplus a small grow from the anchor, instead of MUI'sGrow. Autocomplete lists get the same entrance. Dialogs (includingCommandPalette) and snackbars rise in. MUI enter and leave durations are 220ms and 160ms.Checkboxpops when the user checks it; it marks itselfdata-pressedon its first change, so pages don't pop every checked box on load.<details>opens and closes with a height animation..panel-rowschildren fade in (opacity only, so skeleton swaps stay seamless). A new opt-in.stagger-inclass cascades its children.Breaking: the React peer is now
^19.3.0, the first version that exportsViewTransition.Checked in Strata against a packed build: lint, build, and in the browser the view transition, tab underline morph, sidebar and tab bar slides, header, menu, dialog, palette, snackbar and habit animations.