Skip to content
This repository was archived by the owner on Feb 6, 2026. It is now read-only.

Fix primary action button visual instability on hover#132

Merged
wesbillman merged 4 commits intomainfrom
fix-dev-button-styling
Feb 6, 2026
Merged

Fix primary action button visual instability on hover#132
wesbillman merged 4 commits intomainfrom
fix-dev-button-styling

Conversation

@wesbillman
Copy link
Collaborator

Summary

Fixes visual jank in the primary action button (Play icon) where hovering caused the button to shift position and change size.

Changes

  • Replaces transform: translateY() hover effect with filter: brightness() to eliminate vertical shift on hover
  • Adjusts button padding to match the height of adjacent Open button for consistent alignment
  • Simplifies transition to only animate the filter property, removing unnecessary layout recalculations

…over shift

- Changed vertical padding from 5px to 4px to match Open button height
- Removed transform: translateY(-1px) on hover that caused position shift
- Changed active state to use opacity instead of transform
@wesbillman wesbillman merged commit dc863e4 into main Feb 6, 2026
1 check passed
@wesbillman wesbillman deleted the fix-dev-button-styling branch February 6, 2026 19:24
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant