[Theme] Review layout.css calc(100vh - 3.3rem) min-height rule #10

Open
opened 2026-11-06 15:24:41 -05:00 by dohertj2 · 0 comments
Owner

What: Review the kit's layout.css min-height: calc(100vh - 3.3rem) rule (now line ~65 of src/ZB.MOM.WW.Theme/wwwroot/css/layout.css), deferred since the 2026-06-03 post-adoption CSS prune.

Why: a hard-coded 3.3rem couples the content height to the brand-bar height, and 100vh is the classic mobile-browser overflow trap (dynamic toolbars); 100dvh or a flex-fill shell may be the right fix. 0.5.0 reworked the mobile shell, so check whether this rule is still needed or now fights the new layout.

Verify still open: the rule is still present in the 0.5.0 source.

Source: components/ui-theme/GAPS.md (header note: "Still deferred: a kit-side layout.css calc(100vh - 3.3rem) review")

**What:** Review the kit's `layout.css` `min-height: calc(100vh - 3.3rem)` rule (now line ~65 of `src/ZB.MOM.WW.Theme/wwwroot/css/layout.css`), deferred since the 2026-06-03 post-adoption CSS prune. **Why:** a hard-coded `3.3rem` couples the content height to the brand-bar height, and `100vh` is the classic mobile-browser overflow trap (dynamic toolbars); `100dvh` or a flex-fill shell may be the right fix. 0.5.0 reworked the mobile shell, so check whether this rule is still needed or now fights the new layout. **Verify still open:** the rule is still present in the 0.5.0 source. Source: `components/ui-theme/GAPS.md` (header note: "Still deferred: a kit-side `layout.css` `calc(100vh - 3.3rem)` review")
dohertj2 added the type:debtpriority:p3migrated labels 2026-11-06 15:24:41 -05:00
Sign in to join this conversation.