From ae16d232638e109b2c32df7436f35566b84cdf59 Mon Sep 17 00:00:00 2001 From: dborup Date: Fri, 24 Jul 2026 19:44:58 +0200 Subject: [PATCH] fix: View Path tooltip renders as a tall single-column rectangle The tooltip's containing pane has no intrinsic width, so a plain width:auto block collapsed to min-content (one word per line) and never grew toward max-width at all. width:max-content makes it size to its content up to max-width, producing a normal wrapped box. Verified live on stg by patching the CSS in-page and re-triggering a tooltip before shipping. --- public/style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/public/style.css b/public/style.css index b419d96a..e865b785 100644 --- a/public/style.css +++ b/public/style.css @@ -2650,9 +2650,14 @@ button.ch-item:hover .ch-icon-btn { opacity: 1; } into an unreadable single line spanning the whole map. Wrap it onto multiple lines instead. Width is in ch (character-relative) rather than px so the box scales with font-size -- a fixed px width left - room for barely one word per line at larger text sizes. */ + room for barely one word per line at larger text sizes. The + tooltip's containing pane has no intrinsic width, so a plain + width:auto block collapses to min-content (one word per line, + ignoring max-width entirely) -- width:max-content makes it size to + its content up to max-width instead. */ .leaflet-tooltip.packet-path-tooltip { white-space: normal; + width: max-content; max-width: 28ch; }