UI polish: custom URL placeholder, styled buttons/selects, admin link spacing #123

Closed
opened 2026-09-10 02:41:56 +00:00 by fen · 1 comment
Collaborator

Three UI polish changes:

  1. Custom URL placeholder: the new-paste example reads /my-snippet; remove the leading slash so it reads my-snippet.

  2. Custom-styled buttons and selection controls: replace default HTML look on buttons (.btn, submit buttons), selects, checkboxes, and radio buttons with house styling matching the custom URL box reference: var(--surface)/var(--border)/var(--fg)/var(--accent) palette, radius-sm shapes, proper hover and focus-visible states, CSS-only (appearance: none) where possible.

  3. Admin link spacing: on the settings page, move the Admin link further down from the component above it (increase top spacing on .admin-link-row).

Three UI polish changes: 1. **Custom URL placeholder**: the new-paste example reads `/my-snippet`; remove the leading slash so it reads `my-snippet`. 2. **Custom-styled buttons and selection controls**: replace default HTML look on buttons (`.btn`, submit buttons), selects, checkboxes, and radio buttons with house styling matching the custom URL box reference: `var(--surface)`/`var(--border)`/`var(--fg)`/`var(--accent)` palette, `radius-sm` shapes, proper hover and focus-visible states, CSS-only (`appearance: none`) where possible. 3. **Admin link spacing**: on the settings page, move the Admin link further down from the component above it (increase top spacing on `.admin-link-row`).
fen added spent time 1 minute 2026-09-10 02:42:03 +00:00
fen added the In Progress label 2026-09-10 02:42:03 +00:00
fen added QA and removed In Progress labels 2026-09-10 02:45:31 +00:00
fen added spent time 15 seconds 2026-09-10 02:46:53 +00:00
fen closed this issue 2026-09-10 02:49:36 +00:00
Author
Collaborator

QA passed (PR #125). Verified locally (go vet/test, rendered headless chromium on :18087) and live on palette-dev: (1) custom URL placeholder reads my-snippet with no leading slash; (2) selects/checkboxes/radios/buttons styled via appearance:none with custom chevron/check SVGs in served app.css; (3) .admin-link-row has 32px top margin + 20px padding-top with border separator. No unrelated changes in the diff. Dev CI green on merge commit 7ed5008, deployed to palette-dev, live-verified. Closing.

QA passed (PR #125). Verified locally (go vet/test, rendered headless chromium on :18087) and live on palette-dev: (1) custom URL placeholder reads `my-snippet` with no leading slash; (2) selects/checkboxes/radios/buttons styled via appearance:none with custom chevron/check SVGs in served app.css; (3) .admin-link-row has 32px top margin + 20px padding-top with border separator. No unrelated changes in the diff. Dev CI green on merge commit 7ed5008, deployed to palette-dev, live-verified. Closing.
fen added spent time 1 hour 43 minutes 2026-09-10 13:57:36 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Total Time Spent: 1 hour 45 minutes
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: poslop/palette#123