Skip to content

Add hover states to the footer refresh button and settings gear - #23

Merged
mstallone merged 1 commit into
mainfrom
hover-state-footer-button
Jul 30, 2026
Merged

Add hover states to the footer refresh button and settings gear#23
mstallone merged 1 commit into
mainfrom
hover-state-footer-button

Conversation

@mstallone

Copy link
Copy Markdown
Owner

TL;DR — The popover footer's refresh countdown and settings gear now give visible hover feedback.

What was happening

  • The footer's refresh/countdown button and gear menu had no hover state: the refresh text stayed secondary gray under the pointer, and on macOS 15 the gear's frosted circle gave no hover response at all (the Liquid Glass shimmer on macOS 26 is subtle).

What this changes

  • Hovering the refresh button brightens its glyph and countdown from secondary to primary (suppressed while a refresh is in flight, when the button is disabled).
  • Hovering the gear adds a subtle primary-tinted fill inside its glass circle, over the glass and under the glyph.
  • Both use a quick 0.12s ease-out and reset their hover state when the popover closes (orderOut delivers no hover exit) and when the control unmounts on a screen switch, so a control can't remount pre-highlighted.

Tests

  • Built and ran the dev app; captured the footer at rest, with refresh hovered, and with gear hovered to verify all three states render as intended.

https://claude.ai/code/session_01Lfvn6KcURg32FgptPoHcWd

The refresh countdown brightens from secondary to primary on hover, and
the gear gets a subtle fill inside its glass circle. Both reset when the
popover closes or the control unmounts, so a screen switch or reopen
can't strand a stale highlight.

Claude-Session: https://claude.ai/code/session_01Lfvn6KcURg32FgptPoHcWd
@mstallone
mstallone merged commit 8cf5c54 into main Jul 30, 2026
1 check passed
@mstallone
mstallone deleted the hover-state-footer-button branch July 30, 2026 22:28
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