From 1db2cfe6bf0b6a218872900c084f19029d8b7915 Mon Sep 17 00:00:00 2001 From: Paul Buetow Date: Tue, 7 Jul 2026 13:31:35 +0300 Subject: ychat: fix clipped mobile input link row (96px was measured short) The 96px .chatlayout-bottom height on narrow screens was sized from desktop CSS math, but real mobile browsers render form controls taller than that math assumed. Verified with a headless-Chrome screenshot of input.html inside a same-size iframe: at 96px the link row (Colors/ Options/Help/.../Logout + scroll checkbox) was clipped entirely below body.inputframe's overflow-y:auto fallback -- present in the DOM but invisible without an undiscoverable scroll inside a tiny strip, which is what showed up as "cramped" in a real phone screenshot. Re-verified at several heights the same way; 120px fits both rows with room to spare. --- ychat/html/style.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/ychat/html/style.css b/ychat/html/style.css index 1cbbdb4..3091841 100644 --- a/ychat/html/style.css +++ b/ychat/html/style.css @@ -176,11 +176,16 @@ body.chatlayout { border-top: 1px solid #555555; } /* Input controls take two rows on narrow screens (see input.html): the - message box on its own row, and the link row below it. The link row's - height is now predictable (see .input-links rules below), so this only - needs to fit those two rows, not an unbounded number of wrapped lines. */ + message box on its own row, and the link row below it. 96px looked + right on paper but measured short on an actual phone render (real + mobile form-control rendering is taller than desktop CSS math + suggests): the link row was clipped entirely below body.inputframe's + overflow-y:auto fallback, invisible without an undiscoverable scroll + inside a 96px strip. 120px was verified (via a headless-Chrome render + of input.html in a same-size iframe) to fit both rows with room to + spare. */ .chatlayout-bottom { - flex: 0 0 96px; + flex: 0 0 120px; } /* Six popup links plus a scroll toggle wrap onto several lines at 16px on -- cgit v1.2.3