Skip to content

feat: replace Radio page button descriptions with info-icon tooltips - #16

Merged
sg merged 1 commit into
mainfrom
feat/radio-info-tooltips
Jun 14, 2026
Merged

sg merged 1 commit into
mainfrom
feat/radio-info-tooltips

Conversation

@sg

@sg sg commented Jun 14, 2026

Copy link
Copy Markdown
Owner

Summary

On Manage → Radio, the verbose descriptions next to the buttons are replaced with a compact info icon (a circled "i"). Hovering or focusing the icon shows the text; clicking pins it open (so it also works on touch).

Changes

  • New web-ui/src/components/InfoTip.vue — circled-"i" icon; shows its text on hover/focus, click toggles pinned-open. Themed to match the UI and accessible (tabindex, role="button", aria-label, Enter/Space, blur-to-close).
  • Manage.vue Radio tab — replaced the four descriptions with <InfoTip>:
    1. Advert (zero-hop vs flood)
    2. Flood-advert interval
    3. "Check contact table"
    4. Eviction policy / "Evict now" — this one was a paragraph below the buttons; moved into an info icon beside them so the page is uniform.
  • Rebuilt webapi/static/ assets.

The only muted span left in the Radio tab is the (N free) data value, which is intentionally unchanged.

Testing

Front-end only (no API/schema changes). npm run build is clean. Tooltip is CSS hover/focus plus a click-to-pin toggle.

@sg
sg merged commit 00aa553 into main Jun 14, 2026
1 check passed
@sg
sg deleted the feat/radio-info-tooltips branch June 14, 2026 03:18
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