From b77a370eb794cc86e2cd57c9f5023e00101db5f3 Mon Sep 17 00:00:00 2001 From: Zac Gaetano Date: Thu, 21 May 2026 10:45:59 -0400 Subject: [PATCH] docs: clarify responsive viewport tiers in UI rework spec Self-review caught an ordering ambiguity in the responsive section: 1280x800 is the fully-supported minimum, tablet 768-1279 is best-effort. Rewording so the tiers list top-down by viewport size. --- .../specs/2026-05-21-ui-shell-rework-design.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/superpowers/specs/2026-05-21-ui-shell-rework-design.md b/docs/superpowers/specs/2026-05-21-ui-shell-rework-design.md index 376f344..ef527cd 100644 --- a/docs/superpowers/specs/2026-05-21-ui-shell-rework-design.md +++ b/docs/superpowers/specs/2026-05-21-ui-shell-rework-design.md @@ -154,11 +154,11 @@ Four distinct card shapes, each with one clear job. Same-shape repetition is ban - `prefers-reduced-motion: reduce` honored: kills shimmer / pulse / slide-in, state changes become instant. **Responsive:** -- Desktop-first. Minimum supported viewport 1280×800. Below that, layout breaks accepted. -- 1280–1599px: standard layout. -- ≥1600px: content max-width 1440px, centered. -- Tablet (768–1279px): sidebar collapses to 56px icon-rail. Breadcrumb truncates to last crumb. -- Phone (<768px): explicit "Z-AMPP is desktop-only" splash. No fake mobile experience. +- Desktop-first tool. *Fully supported* minimum viewport: 1280×800. Anything narrower is best-effort only. +- ≥1600px: standard layout, content max-width 1440px, centered. +- 1280–1599px: standard layout, no max-width cap. +- 768–1279px (tablet, best-effort): sidebar collapses to a 56px icon-rail, breadcrumb truncates to last crumb. Functional but not polished. +- <768px (phone): explicit "Z-AMPP is desktop-only" splash. No fake mobile experience. **Browser support:** Chromium latest 2 versions + Safari latest 2. Firefox best-effort. No IE / legacy Edge.