New paste: split title input into its own component, separate from language select + refresh #147

Closed
opened 2026-09-10 03:53:20 +00:00 by fen · 1 comment
Collaborator

UI restructure on the new paste page editor header: the title input, language select, and refresh button currently share ONE rounded bar, making the language select look like part of the title field.

Wanted: two separate components side by side in the editor header row.

  1. Title component: just the title input, in its own pill/box.
  2. Editor settings component: the language detection select + refresh (re-detect) button together in their own separate pill/box, aligned to the right of the title component (side by side, same row, not stacked).

Keep house styling (radius, borders, tokens). The refresh button stays paired with the language select since it re-detects language. Check /new template (internal/web/templates/new.html) editor-head markup and app.css .editor-head rules.

UI restructure on the new paste page editor header: the title input, language select, and refresh button currently share ONE rounded bar, making the language select look like part of the title field. Wanted: two separate components side by side in the editor header row. 1. Title component: just the title input, in its own pill/box. 2. Editor settings component: the language detection select + refresh (re-detect) button together in their own separate pill/box, aligned to the right of the title component (side by side, same row, not stacked). Keep house styling (radius, borders, tokens). The refresh button stays paired with the language select since it re-detects language. Check /new template (internal/web/templates/new.html) editor-head markup and app.css .editor-head rules.
fen added the In Progress label 2026-09-10 03:53:59 +00:00
fen added spent time 15 seconds 2026-09-10 03:54:03 +00:00
fen added QA and removed In Progress labels 2026-09-10 03:58:56 +00:00
fen added spent time 15 seconds 2026-09-10 04:11:03 +00:00
Author
Collaborator

QA passed: editor header split into .editor-head-title pill (title input) and .editor-head-settings pill (language select + re-detect + wrap toggle); all element ids intact; responsive wrap CSS added. Verified locally and live on palette-dev. Merged #149, deployed.

QA passed: editor header split into .editor-head-title pill (title input) and .editor-head-settings pill (language select + re-detect + wrap toggle); all element ids intact; responsive wrap CSS added. Verified locally and live on palette-dev. Merged #149, deployed.
fen closed this issue 2026-09-10 04:13:38 +00:00
fen added spent time 29 minutes 2026-09-10 13:57:36 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Total Time Spent: 30 minutes
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: poslop/palette#147