Skip to content

feat(staged): animate action buttons between enlarged and minimized states#487

Merged
matt2e merged 1 commit intomainfrom
animate-action-buttons
Mar 26, 2026
Merged

feat(staged): animate action buttons between enlarged and minimized states#487
matt2e merged 1 commit intomainfrom
animate-action-buttons

Conversation

@matt2e
Copy link
Contributor

@matt2e matt2e commented Mar 26, 2026

Summary

  • Replaces the separate empty-state action buttons with a single unified set that animates between enlarged (empty timeline) and minimized (populated timeline) states
  • Uses CSS transitions for smooth animation of size, spacing, padding, and border properties
  • Removes ~60 lines of duplicate empty-state markup and styling by reusing the footer action buttons with conditional enlarged classes

Test plan

  • Verify action buttons appear enlarged when the timeline is empty (no commits, notes, or pending items)
  • Verify buttons smoothly animate to minimized state when a timeline item is added
  • Verify buttons animate back to enlarged state when all items are removed
  • Verify hover styles work correctly in both enlarged and minimized states
  • Verify disabled state works correctly in both states

🤖 Generated with Claude Code

…tates

Unify the empty-state and footer action buttons (New Note, New Commit,
New Code Review) into a single set of DOM elements that smoothly
transition between enlarged and minimized styles via CSS transitions
as timeline items are added or removed.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@matt2e matt2e requested review from baxen and wesbillman as code owners March 26, 2026 04:59
@matt2e matt2e merged commit 7be17bd into main Mar 26, 2026
4 checks passed
@matt2e matt2e deleted the animate-action-buttons branch March 26, 2026 05:05
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