From 5210302ed36a910318ce1219a6ed31aab81091a9 Mon Sep 17 00:00:00 2001
From: SandObserver <260779319+SandObserver@users.noreply.github.com>
Date: Sun, 16 Aug 2026 17:25:51 -0400
Subject: [PATCH] Fix: keep the connections map tooltip on the system font
The tooltip's inner elements set the font shorthand with -apple-system as
the only family. The shorthand resets font-family, so off Apple platforms
no generic remains and the text falls back to the browser's default serif.
Use font-weight, font-size and line-height longhands so the family
inherits from the tooltip container, which carries the full stack.
---
CHANGELOG.md | 3 +++
ui/widgets/connections/connections-map.html | 6 +++---
2 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 611c1d2a..2398ca2c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -95,6 +95,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- App title toggles in Settings > Appearance now persist across a reload.
+- Connections map tooltips now use the system font on Android, Windows and
+ Linux instead of falling back to a serif.
+
## [1.6.1] - 2026-08-14
### Fixed
diff --git a/ui/widgets/connections/connections-map.html b/ui/widgets/connections/connections-map.html
index 3e32c0d7..fddc14a3 100644
--- a/ui/widgets/connections/connections-map.html
+++ b/ui/widgets/connections/connections-map.html
@@ -242,9 +242,9 @@
/* info.users comes straight from the upstream response. html`` escapes
every interpolation. */
const body=info.cc!=null
- ? html`${fmtName(info.cc)}${wt('ui.online','Online')}
${wt('ui.users','Users')}${info.users}
`
- : html`${(info.city?info.city+', ':'')+info.country}
`;
- setHtml(tt, html`${info.serviceName||''}
${body}`);
+ ? html`${fmtName(info.cc)}${wt('ui.online','Online')}
${wt('ui.users','Users')}${info.users}
`
+ : html`${(info.city?info.city+', ':'')+info.country}
`;
+ setHtml(tt, html`${info.serviceName||''}
${body}`);
/* Colour is set after the markup, through named CSSOM properties. */
const tdot=tt.querySelector('[data-dot]');
if(tdot){