Kanban · Release · PR #93 · LIVE
Smooth sidebar folder animation
Folders in the sidebar project tree now glide open and shut with a height-and-fade transition instead of popping in and out instantly. Captured by a real end-to-end test on the production site.
At a glance
- Before — expanding a folder dropped its contents in instantly; collapsing made them vanish. The jump read as janky.
- Now — contents animate open/closed with a height tween + fade (framer-motion
height: auto, overflow-clipped), so it unfolds organically. - One motion — the disclosure arrow and the unfolding content share one easing curve (
cubic-bezier(.32,.72,0,1), ~0.2s), so arrow and content move together. - Accessible — respects
prefers-reduced-motion: opt out and you get an instant open with just a quick fade, no sliding height. - No schema, no logic change — pure presentation; the open/collapse behavior is unchanged.
How this was captured: a real e2e run on the live site (signed in as the prod test user). A temp project with a Roadmap folder holding two child folders (Q3, Q4) was created, the folder filmed expanding and collapsing in the sidebar, then the project deleted — no leftover data on prod.
1UI / UX
Folder expand / collapse glides
Click a folder in the sidebar tree — its child rows slide open with a height-and-fade transition (and slide shut on collapse), in sync with the disclosure arrow. The video shows the Roadmap folder opening, closing, and opening again.
Video · the Roadmap folder animating open → closed → open in the sidebar
Verify on the live site
- Expand a project with folders → folder contents glide open (height + fade), not an instant pop; collapse glides shut.
- The disclosure arrow rotates in sync with the content unfolding — one motion.
- With reduced-motion on (OS setting), the folder opens instantly with just a quick fade.
✓REGRESSION WATCH
Existing flows still work
Confirmed
- Clicking a board/doc inside a folder still opens it; nested folders still indent correctly.
- The "you-are-here" auto-reveal still opens the folder chain to the active tab.
- Folder rename / move / delete and new-subgroup menus still function.
kanban · update-app ship report · PR #93 · 216b169 · prod e2e