mirror of
https://github.com/Kpa-clawbot/meshcore-analyzer.git
synced 2026-09-27 02:27:59 +00:00
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.
This commit is contained in:
+6
-1
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user