From 96b98c5c133c861ae5a541f4de03c01faaab9176 Mon Sep 17 00:00:00 2001 From: Cui Chen Date: Thu, 12 Nov 2026 02:21:56 +0800 Subject: [PATCH] Fit the phone marking tools on narrower iPhones MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Since Edit source joined the bottom marking bar, its ten buttons needed about 400px. On 390–402px phones (iPhone 15–17) the bar scrolled sideways with nothing to show it and cut Redo in half; on 375px phones two buttons were hidden. Up to 430px the buttons are now 32px wide and the separators narrower, so the whole bar, about 360px, shows on every current iPhone. --- src/web/pdf-tools.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/web/pdf-tools.css b/src/web/pdf-tools.css index ea81b219..ed1db55a 100644 --- a/src/web/pdf-tools.css +++ b/src/web/pdf-tools.css @@ -52,6 +52,12 @@ .pdf-rail[data-collapsed=true]{bottom:max(6px,env(safe-area-inset-bottom));height:30px;padding:0;box-shadow:0 2px 8px rgb(0 0 0/.08),0 6px 18px rgb(0 0 0/.12);animation:markup-pill-in .16s var(--ease)} .pdf-rail[data-collapsed=true] .rail-toggle{width:auto;height:30px;padding:0 13px;gap:4px;color:var(--text-2)} } +/* Ten tools need about 400px at full size; narrower phones (375–430px) get + slightly narrower buttons so the whole bar shows without scrolling. */ +@media (max-width:430px){ + .rail-tool{width:32px} + .rail-separator{margin:0 1px} +} /* Tools that do not select text let clicks reach the page instead. */ .tool-point .pdf-container .textLayer,.tool-hand .pdf-container .textLayer{pointer-events:none}