cloud-hosting-platform/site-builder
6
0 Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

Tablet/mobile overrides that never touch desktop #45

New Issue
Closed
opened 2026-10-07 16:47:22 +00:00 by jknapp · 1 comment
jknapp commented 2026-10-07 16:47:22 +00:00
Owner
Copy link
Copy source

Tier: Core polish · Order: 18 of 35 · Effort: L · Impact: high

What

In tablet or mobile view, spacing, font size, alignment or visibility changes apply only to that size. A dot marks overridden fields; one click resets to desktop.

Why

Users' #2 complaint (“tablet edits changed my desktop — a month of work ruined”). Every serious competitor has it. Audit: missing; only an automatic stack below 768px.

Today

One style object per element; only the hide flags are per-device.

Design notes

Desktop-first: style + styleTablet + styleMobile partial objects. A wrapper in resolver.ts merges them for the current device so most components need no edits. Export adds a scoped class per node and one @media <style> block per page. Limited to spacing, font size, line height, alignment, size, display and stacking. Independent mobile layouts stay out of scope.

Depends on

  • #37 Tablet/mobile canvas matches what publishes
  • #32 One undo step per edit, not per keystroke

From the 2026-10-07 site-builder research (competitor review, user sentiment, code audit, Fable prioritization). Roadmap: https://claude.ai/artifact/QpQcSCk21z6SN7LPSm8tKE · id per-breakpoint-overrides

**Tier:** Core polish · **Order:** 18 of 35 · **Effort:** L · **Impact:** high ## What In tablet or mobile view, spacing, font size, alignment or visibility changes apply only to that size. A dot marks overridden fields; one click resets to desktop. ## Why Users' #2 complaint (“tablet edits changed my desktop — a month of work ruined”). Every serious competitor has it. Audit: missing; only an automatic stack below 768px. ## Today One style object per element; only the hide flags are per-device. ## Design notes Desktop-first: style + styleTablet + styleMobile partial objects. A wrapper in resolver.ts merges them for the current device so most components need no edits. Export adds a scoped class per node and one @media <style> block per page. Limited to spacing, font size, line height, alignment, size, display and stacking. Independent mobile layouts stay out of scope. ## Depends on - #37 Tablet/mobile canvas matches what publishes - #32 One undo step per edit, not per keystroke --- From the 2026-10-07 site-builder research (competitor review, user sentiment, code audit, Fable prioritization). Roadmap: https://claude.ai/artifact/QpQcSCk21z6SN7LPSm8tKE · id `per-breakpoint-overrides`
jknapp added the tier: core-polisheffort: Limpact: high labels 2026-10-07 16:47:22 +00:00
jknapp referenced this issue from a commit 2026-10-07 21:10:19 +00:00
Merge issue-45 (Refs #45)
jknapp commented 2026-10-07 21:37:11 +00:00
Author
Owner
Copy link
Copy source

Shipped in WHP release 2026.10.3 (site-builder main bdb4789, deployed fleet-wide 2026-10-07). Implemented, reviewed and verified as part of the editor-polish batch.

Shipped in WHP release **2026.10.3** (site-builder `main` bdb4789, deployed fleet-wide 2026-10-07). Implemented, reviewed and verified as part of the editor-polish batch.
Sign in to join this conversation.
No Branch/Tag Specified
Labels
Clear labels
effort: L
effort: M
effort: S
effort: XL
impact: high
impact: low
impact: med
tier: bigger-bet
Larger differentiating features
 tier: core-polish
Makes it feel like a modern editor
 tier: fix-first
Data-safety and trust bugs
 tier: quick-win
Small changes that remove clunkiness now
No labels effort: L impact: high tier: core-polish
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
hub-agent Bot jknapp renovate-bot (Renovate Bot) whmcs-sam whp-cicd-user whp-deploy
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: cloud-hosting-platform/site-builder#45