giorgio/read.markets
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: rename tone "Novice" → "Pro"; fit tone-toggle to longest option

Browse source 
User-visible relabel only. Backend tone value stays NOVICE — no API
contract change, no migration on stored user.digest_tone, the
glossary/plain-prose depth of analysis is unchanged. The marketing
intent is that "Pro" reads better than "Novice" on the dashboard
header; landing/pricing/privacy copy still uses the word "Novice" in
flowing prose, so leaving those alone keeps the existing explanations
coherent until they get a copy pass.

Toggle width: the popup expansion (positioned left:0/right:0) is
sized by the container, which previously sized to the active button.
When "Pro" was active the popup was too narrow to fit "Intermediate".
Bumped .tone-toggle button min-width to 10em so both buttons reserve
enough room for the longest label regardless of which one is active.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Giorgio Gilestro 2026-05-29 11:17:43 +02:00
parent f57c863145
commit 71155a67be
3 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/static/css/layout.css
View file

@ -157,6 +157,11 @@ body.drawer-open .drawer-backdrop { opacity: 1; }
.tone-toggle button + button,
.theme-toggle button + button,
.lang-toggle button + button { border-left: 1px solid var(--border); }
/* The tone-toggle's longer option ("Intermediate", 12 chars) needs more
room than the shared 5.5em min-width. We size both buttons to fit the
longest one so the popup width (set by container width via left/right:0)
doesn't get clipped when only the short "Pro" label is active. */
.tone-toggle button { min-width: 10em; }
.tone-toggle button:hover,
.theme-toggle button:hover,
.lang-toggle button:hover { color: var(--accent); }