WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 18 Pull requests 3 Projects Releases Packages Wiki Activity Actions

docs: clarify responsive viewport tiers in UI rework spec

Browse source 
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.
This commit is contained in:
Zac Gaetano 2026-05-21 10:45:59 -04:00
parent b36e859c06
commit b77a370eb7
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
docs/superpowers/specs/2026-05-21-ui-shell-rework-design.md
View file

@ -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.