photo-capture: global 1.2x UI scale on editor (--ui-scale dial) — 'make all larger'

3b83a729f4c6572237c70d28353f91e28df2cd40 · 2026-09-19 18:31:40 -0700 · Steve Abrams

Fixed-px layout has no rem base, so a single root zoom is the only uniform
lever. index.html is a scrolling surface, so zoom grows fonts/controls/thumbs
with no clipping. Tested headless iPad(834x1194)+iPhone(390x844): zoom=1.2,
no horizontal overflow, 0 console errors. Batch/camera (100dvh) intentionally
untouched. Local only — prod deploy stays gated (TK-11928).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01R7xZDug8zdDbhKLnSx4QCq

Files touched

M public/index.html

Diff

commit 3b83a729f4c6572237c70d28353f91e28df2cd40
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Sat Sep 19 18:31:40 2026 -0700

    photo-capture: global 1.2x UI scale on editor (--ui-scale dial) — 'make all larger'
    
    Fixed-px layout has no rem base, so a single root zoom is the only uniform
    lever. index.html is a scrolling surface, so zoom grows fonts/controls/thumbs
    with no clipping. Tested headless iPad(834x1194)+iPhone(390x844): zoom=1.2,
    no horizontal overflow, 0 console errors. Batch/camera (100dvh) intentionally
    untouched. Local only — prod deploy stays gated (TK-11928).
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
    Claude-Session: https://claude.ai/code/session_01R7xZDug8zdDbhKLnSx4QCq
---
 public/index.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 9780bc5..3a5dd48 100644
--- a/public/index.html
+++ b/public/index.html
@@ -38,8 +38,11 @@
 <link rel="manifest" href="/manifest.webmanifest">
 <title>Mobile DW SKU Photos</title>
 <style>
-  :root{ --cols: 1; --bg:#0f0e0c; --card:#1b1916; --ink:#f3efe7; --muted:#9a9184; --line:#2e2a25;
+  :root{ --ui-scale:1.2; /* "make all larger" — single dial for global UI size (1 = original). */
+         --cols: 1; --bg:#0f0e0c; --card:#1b1916; --ink:#f3efe7; --muted:#9a9184; --line:#2e2a25;
          --gold:#c8a24a; --green:#3fa06a; --red:#c0563f; }
+  /* Uniform magnification of the whole editor (fonts, controls, thumbs) — scrolls, so no clipping. */
+  html{ zoom: var(--ui-scale); }
   *{box-sizing:border-box}
   body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text",Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}
   header{position:sticky;top:0;z-index:10;background:rgba(15,14,12,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:max(10px,env(safe-area-inset-top)) 14px 10px}

← 313e6c7 auto-data-snapshot: 2026-09-19T13:09:57 (2 data files) — dat · back to Dw Photo Capture · photo-capture: raise UI scale to 1.35x + extend to batch-sho 131d2a5 →