/** * v28-dv2 Mobile Sprint — Bundle UI Cleanup v1.2 * * v1.2 (2026-07-14): +rule 6, nav.navbar z-index raise on DESKTOP tier. * The site header (nav.navbar, sticky, z-index:100) traps the theme * .lang-dropdown (z:200) in its stacking context; #v28d-shell-root * (7741, fixed, z:10000) paints .v28d-panel over the open dropdown * and intercepts its clicks — language unswitchable on customizer * desktop (MCP-verified: elementFromPoint on the first lang-option * hit ASIDE.v28d-panel). Raising the navbar to 10010 puts the whole * header — dropdown included — above the shell. Known trade-off * (accepted, option A 2026-07-14): the header now also sits above * the shell's modal scrims (z:1000000 lives INSIDE the root's * z:10000 context), so it is not dimmed while a shell modal is * open. Desktop-tier only (body.v28-dv2-desktop); mobile tier * unaffected. * * v1.1 (2026-07-10): +rule 5, aside.w-64 (Sprint-1 Shapes sidebar). * Never needed before: Tailwind lg: (min-width:1024) hid it at every * width the mobile tier could reach. 7533 v1.6 smart tier makes * portrait touch devices up to 1200px mobile, so iPad Pro portrait * (1024) crossed lg and the sidebar leaked over garment + PA. * * Hides 5 legacy UI surfaces inside the React designer bundle * (#v28-designer-v2-root) that have been superseded by dedicated v28-dv2 * mobile sprint snippets, OR are pure dev/debug leftovers that should never * have shipped to production. * * Why CSS-only: these are stable, bundle-rendered DOM elements that survive * every React re-render. `display: none !important` short-circuits both paint * and event handling without touching the bundle's React state. No JS, no * boot-race, no cleanup — just authoritative selectors gated by the mobile * sprint body class. * * What is hidden, why, and what replaces it: * * 1. Top header (HEADER.h-12) * - Contains

T-Shirt Designer

— redundant with WP page chrome. * - Contains the bundle's OWN Front/Back side-toggle pill group — * predecessor of #7c Side Indicator v1.0.2 (the canvas-surface label). * Side switching now flows through #7c -> ProductDrawer.setSide() -> * BigCanvas.setActiveSide() -> v28m:side-changed event. The bundle's * own pills are dead UI — clicking them updates bundle-internal state * that nothing else reads (we drive garment image via --v28m-garment- * image CSS var, written by ProductDrawer.applyGarmentImage()). * - Bonus: the header reserves 48px of flex-shrink-0 vertical space * even though it sits behind the WP fixed nav. Hiding it reclaims * those 48px for the canvas surface. * * 2. FAB (button[aria-label="Open tools"]) * - The red "+" floating action button at bottom-right. * - Opens the legacy "Tools" debug sheet (item #3 below). * - Superseded by 7535 Bottom Tab Bar v1.1 (Product / Images / Text / * Save / Add-to-Cart) which gives users access to all real actions. * * 3. Tools sheet (div.absolute.bottom-0.rounded-t-2xl, opened by FAB) * - Contains: "+ Rect", "+ Circle", "+ Text", "Delete Selected", * "Clear Canvas", "Reset Zoom", and an "N objects" debug counter. * - Pure pre-production dev tooling. Replaced by: * + Text: 7535 Tab Bar "Text" button -> TextTools v1.6.2 * Delete Selected: R7 Selection Overlay v1.5 chrome * Rect/Circle/Clear/Reset Zoom: dev-only, no user-facing equivalent * - Defensive rule (belt + suspenders): the FAB is already hidden by * rule #2, so the sheet has no way to open. This rule covers the * edge case where the FAB rule is bypassed (e.g. a future bundle * version changes the aria-label) and the sheet somehow renders. * * 4. Bottom price bar (div.fixed.bottom-0.z-30) * - The bundle's own "From €19.99 / Add to Cart" strip pinned to the * viewport bottom at z-index 30. * - Currently invisible to users — our v28m-tabbar at z-index 10000 * covers it completely. But it's still in the DOM consuming click * events on its strip area. Removing it eliminates a future * regression risk: if anything weakens the tabbar's z-index or * coverage, this strip would leak through with a duplicate * Add-to-Cart that doesn't go through our tabbar's CTA flow. * * WPCode config: CSS · Site Wide Header · URL contains /designer-v2 · Auto Insert * * Verification (confirmed live at vw=292, DPR=1.13, 2026-04-29): * - Probe pre-CSS: 4 ghost surfaces present in DOM * - Probe post-CSS: all 4 hidden, no regression on bigCanvas/PD/textTools/ * R7/snapGuides/sideIndicator/tabbar versions, overlay rect (250,250, * 300x400) intact, TextTools getPrintArea().source still 'overlay' */ /* ─── 1. Top header (H1 + bundle Front/Back pills) ─────────────────────── */ body.v28-dv2-mobile #v28-designer-v2-root header.h-12 { display: none !important; } /* ─── 2. FAB ("Open tools" — the red "+") ──────────────────────────────── */ body.v28-dv2-mobile #v28-designer-v2-root button[aria-label="Open tools"] { display: none !important; } /* ─── 3. Tools sheet (defense-in-depth — opened by hidden FAB) ─────────── */ body.v28-dv2-mobile #v28-designer-v2-root div.absolute.bottom-0.rounded-t-2xl { display: none !important; } /* ─── 4. Bottom price bar (legacy ATC strip behind our tabbar) ─────────── */ body.v28-dv2-mobile #v28-designer-v2-root div.fixed.bottom-0.z-30 { display: none !important; } /* ─── 5. Sprint-1 Shapes sidebar (ASIDE.w-64) — [v1.1] ─────────────────── */ /* Revealed by Tailwind lg: at w>=1024; reachable by mobile tier since 7533 v1.6 (portrait touch <=1200). Superseded by tabbar + drawers. */ body.v28-dv2-mobile #v28-designer-v2-root aside.w-64 { display: none !important; } /* ─── 6. Site header above the desktop shell — [v1.2] ───────────── */ /* nav.navbar (sticky, z:100) traps .lang-dropdown under #v28d-shell-root (z:10000) — the right panel covered the open language dropdown and ate its clicks. 10010 > shell root; dropdown visible + clickable again. */ body.v28-dv2-desktop nav.navbar { z-index: 10010 !important; }