From 1c08647742fa1087f7658b15aa3f0fe6dad818d4 Mon Sep 17 00:00:00 2001 From: fen Date: Fri, 16 Oct 2026 16:52:29 -0500 Subject: [PATCH] Fix /new horizontal overflow at ~800px viewports The .deck grid used '1fr 300px'; the 1fr editor column could not shrink below its min-content, expanding the grid to ~1000px at 800px viewports and pushing .pane-r to right=980 (document.scrollWidth 980 vs innerWidth 800). Use minmax(0, 1fr) so the editor column can shrink; the editor itself already clips/scrolls its own content. Verified with a CDP overflow probe at 800x600, 375x812, 1400x900 and 700x600: scrollWidth == innerWidth at all four. --- internal/web/static/app.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/internal/web/static/app.css b/internal/web/static/app.css index b6f9634..bcbf27d 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -129,7 +129,7 @@ body { /* new paste page */ .deck { - display: grid; grid-template-columns: 1fr 300px; gap: 16px; + display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; padding: 16px 20px 20px; height: calc(100vh - 76px); max-width: 1400px; margin: 0 auto; }