Skip to content

fix: button hover flicker, SVG icons for text glyphs, and larger flask in extension icons - #28

Merged
slverma merged 3 commits into
mainfrom
feat/svg-icons-cleanup
Oct 12, 2026
Merged

slverma merged 3 commits into
mainfrom
feat/svg-icons-cleanup

Conversation

@slverma

@slverma slverma commented Oct 12, 2026

Copy link
Copy Markdown
Owner

Summary

Visual fixes across the webviews and the extension's icons.

Fix button hover flicker

On hover, buttons moved up 1–2px. With the cursor on a button's bottom edge, the button moved out from under it, so hover turned on and off repeatedly and clicks could miss.

The movement is removed from every affected button. Hover feedback is now only the glow and colour change, which never moves the button:

  • Request editor: Send, Save, editor action buttons, layout toggle, and the gradient action buttons
  • Folder editor: Save (unsaved state)
  • History panel: gradient action buttons
  • Sidebar: primary button (its transition now animates only the glow)
  • Shared Tailwind styles: .btn-primary

Pressed state: instead of moving back into place on click, Send and the primary buttons now shrink their glow, so a click still gives visible feedback.

Replace text glyphs with SVG icons

The file-upload warning, base-URL arrow, auth-tab dot and the checkmark in the environments legend were plain text or emoji characters. They are now SVG icons, matching the rest of the icon set (new DotIcon; WarningIcon now accepts size and className).

Larger flask in the extension icons

  • restlab-icon.svg / restlab-icon.png: the flask is bigger inside the tile, so the empty margin around it drops from ~32px to ~12px at 128px.
  • sidebar-icon.svg: the viewBox is cropped so the flask fills the sidebar icon. The :// mark is bigger and moved down to sit just above the bottom of the flask.

The Marketplace icon in package.json stays a PNG, because vsce rejects SVG for the top-level icon.

Test plan

  • Hover each button listed above with the cursor on its bottom edge: no flicker, clicks register
  • Click Send and the sidebar primary button: the glow shrinks while pressed
  • Request editor: file-upload warning, base-URL arrow and auth-tab dot show as SVG icons
  • Folder editor → Environments: the legend checkmark shows as an SVG icon
  • Sidebar icon looks right in light and dark themes
  • vsce package succeeds and the new icon appears in the .vsix

🤖 Generated with Claude Code

slverma and others added 3 commits September 13, 2026 19:10
File-upload warning, base-URL arrow, auth-tab dot, and the
environments legend checkmark were plain text glyphs; they now
render as SVG icons consistent with the rest of the icon set.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Translating a button up on :hover moved it out from under a cursor
resting on its bottom edge, toggling hover on and off in a loop and
making clicks miss. Keep the glow/colour hover feedback instead.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Scale the flask up inside the extension icon tile to cut the internal
margin, crop the sidebar icon viewBox so the flask fills the frame, and
move a larger "://" mark down to sit just above the flask's base.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@slverma
slverma merged commit 5a72d5e into main Oct 12, 2026
1 check passed
slverma pushed a commit that referenced this pull request Oct 12, 2026
## <small>1.9.2 (2026-10-12)</small>

* fix: button hover flicker, SVG icons for text glyphs, and larger flask in extension icons (#28) ([5a72d5e](5a72d5e)), closes [#28](#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