Typography: audit page-wide font-size against the base-not-sm convention #181

New issue

Closed

opened 2026-07-24 22:19:05 +00:00 by robbertbos · 0 comments

robbertbos commented

2026-07-24 22:19:05 +00:00

Owner

CLAUDE.md states that body text and interactive controls default to base
(16px), with --text-sm (14px) reserved for meta/help text. Several places
don't follow this yet - worth a deliberate, app-wide typography pass rather
than one-off tweaks.

Surfaced while building the plan popover (PR #178):

The scheduling popover (TimePresetPicker.vue) uses --text-sm for its
preset buttons, labels and the native time input, while the new
nldd-date-field renders at NLDD's size=sm = 16px. NLDD's date-field font
is fixed by its size attribute (md=18px, sm=16px) and cannot be driven to
14px via host CSS or a ::part, so a small 16-vs-14 mismatch remains next to
the time input.
Decide the target and apply consistently: either bring the popover (and
comparable compact menus) up to 16px to match the base convention and the
date-field, or keep compact menus at 14px and accept NLDD's 16px floor for
the date-field.

Scope: controls + running content across the app. Out of scope for the
accessibility PR that surfaced it (#178).

CLAUDE.md states that body text and interactive controls default to `base` (16px), with `--text-sm` (14px) reserved for meta/help text. Several places don't follow this yet - worth a deliberate, app-wide typography pass rather than one-off tweaks. Surfaced while building the plan popover (PR #178): - The scheduling popover (`TimePresetPicker.vue`) uses `--text-sm` for its preset buttons, labels and the native time input, while the new `nldd-date-field` renders at NLDD's `size=sm` = 16px. NLDD's date-field font is fixed by its `size` attribute (md=18px, sm=16px) and cannot be driven to 14px via host CSS or a `::part`, so a small 16-vs-14 mismatch remains next to the time input. - Decide the target and apply consistently: either bring the popover (and comparable compact menus) up to 16px to match the base convention and the date-field, or keep compact menus at 14px and accept NLDD's 16px floor for the date-field. Scope: controls + running content across the app. Out of scope for the accessibility PR that surfaced it (#178).

robbertbos referenced this issue

2026-07-25 04:59:54 +00:00

Align TimePresetPicker (and custom popovers) to NLDD tokens/components #182

robbertbos referenced this issue from a commit

2026-07-26 07:31:30 +00:00

Restore the date field's 44px target and match it to the time input

robbertbos referenced this issue from a commit

2026-07-26 07:31:30 +00:00

Give markdown headings a container-relative scale

robbertbos referenced this issue from a commit

2026-07-26 07:31:30 +00:00

Replace CardRow's hand-built avatar with nldd-avatar