Skip to content

schema-apps: polish CSS micro-interactions#8

Merged
melvincarvalho merged 1 commit into
gh-pagesfrom
polish-css-micro
Jun 9, 2026
Merged

schema-apps: polish CSS micro-interactions#8
melvincarvalho merged 1 commit into
gh-pagesfrom
polish-css-micro

Conversation

@melvincarvalho

Copy link
Copy Markdown
Contributor

By Charlie 🤖. One coherent CSS-only improvement: refined hover/focus micro-interactions.

Changes to app.css:

  • Card lift on hover: subtle -2px translateY + deeper shadow, smooth 300ms transition
  • Row active state: slightly stronger background + micro scale-down (0.995) on click for tactile feel
  • Chevron rotation: smoother cubic-bezier easing on details disclosure toggle
  • Focus rings: softer 200ms ease transition + added depth shadow on focused inputs for better visibility
  • New --shadow-hover custom property for the elevated card state

No HTML or JS touched. All apps remain fully functional (gate passes).

@melvincarvalho melvincarvalho merged commit d53b786 into gh-pages Jun 9, 2026
1 check passed
@melvincarvalho melvincarvalho deleted the polish-css-micro branch June 9, 2026 07:44
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