mikkel/nexus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

docs(26): fix typography weights and back button accessibility in UI-SPEC

Browse source
This commit is contained in:
Nexus Dev 2026-04-02 01:27:11 +00:00
parent be4435d154
commit ab32e3f104
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
.planning/phases/26-pwa-performance/26-UI-SPEC.md
View file

@ -72,9 +72,9 @@ Exceptions:
| Role | Size | Weight | Line Height |
|------|------|--------|-------------|
| Body | 14px | 400 | 1.5 |
| Label | 12px | 500 | 1.3 |
| Label | 12px | 400 | 1.3 |
| Heading | 16px | 600 | 1.2 |
| Display | 20px | 700 | 1.2 |
| Display | 20px | 600 | 1.2 |
Source: Matches existing chat component patterns (ChatPanel, ChatInput, ChatConversationList use `text-sm`/`text-xs`/`text-base`/`font-semibold`).
@ -119,7 +119,7 @@ Offline banner uses a dedicated amber/warning surface:
The existing `hidden md:flex` class on ChatPanel means the panel is invisible on mobile. Phase 26 adds a mobile-first full-screen chat view accessible via a bottom navigation tap or a floating action button.
Mobile chat layout:
- Header: 48px tall, contains back button (←), conversation title (truncated), agent selector icon
- Header: 48px tall, contains back button (← with `aria-label="Back to conversations"`), conversation title (truncated), agent selector icon
- Message list: fills remaining viewport height using `h-[calc(100dvh-48px-56px-env(safe-area-inset-bottom))]`
- Input bar: 56px minimum, sticky `bottom-0`, padded by `env(safe-area-inset-bottom)`