From f00abb2fd36011fcce365aa41c4d0105bc4ead19 Mon Sep 17 00:00:00 2001 From: Nexus Dev Date: Thu, 2 Apr 2026 01:27:11 +0000 Subject: [PATCH] docs(26): fix typography weights and back button accessibility in UI-SPEC --- .planning/phases/26-pwa-performance/26-UI-SPEC.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/.planning/phases/26-pwa-performance/26-UI-SPEC.md b/.planning/phases/26-pwa-performance/26-UI-SPEC.md index de8da5d1..76760f2f 100644 --- a/.planning/phases/26-pwa-performance/26-UI-SPEC.md +++ b/.planning/phases/26-pwa-performance/26-UI-SPEC.md @@ -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)`