From 78de8fb362b5c390b263162ffedd0994e1472e57 Mon Sep 17 00:00:00 2001 From: Alexander Alemayhu Date: Wed, 20 May 2026 15:21:50 +0200 Subject: [PATCH] fix: halve template gallery iframe scale so thumbnails are readable MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Templates were rendered into a 800x450 internal iframe and scaled down to fit ~280px gallery cards (scale ~0.35). That made text designed for full-screen Anki review render at ~6px effective, so most thumbnails looked empty even though their contents and CSS were correct. Halve the internal canvas to 400x225. Scale ratio jumps to ~0.7, effective text size roughly doubles, and the aspect ratio stays 16:9 so no layout shift. The detail modal still renders at 800x600 — that surface exists to show the full-fidelity preview. Triggered by user feedback that the gallery felt blank after the conditional-blocks fix landed: the prior rendering filled space with literal {{#Field}} tokens which, badly-rendered as they were, at least left visible content; cleaning them up exposed how minimal the actual designs look at 0.35x scale. Co-Authored-By: Claude Opus 4.7 (1M context) --- web/src/pages/TemplatesPage/TemplatesPage.module.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/web/src/pages/TemplatesPage/TemplatesPage.module.css b/web/src/pages/TemplatesPage/TemplatesPage.module.css index 76b11c50c..7b837d6a3 100644 --- a/web/src/pages/TemplatesPage/TemplatesPage.module.css +++ b/web/src/pages/TemplatesPage/TemplatesPage.module.css @@ -48,11 +48,11 @@ position: absolute; top: 0; left: 0; - width: 800px; - height: 450px; + width: 400px; + height: 225px; border: 0; transform-origin: top left; - transform: scale(calc(100cqw / 800px)); + transform: scale(calc(100cqw / 400px)); pointer-events: none; }