From 55c999c9a62c0c7f0a18a7ceae77d4c6c5349944 Mon Sep 17 00:00:00 2001
From: hchiam <hchiam@users.noreply.github.com>
Date: Tue, 25 Jun 2024 21:18:00 -0600
Subject: [PATCH] fix #630 - give system-ui font fallbacks like
 label.element.css does

---
 app/components/hotkey-map/base.element.css    | 2 +-
 app/components/metatip/metatip.element.css    | 4 ++--
 app/components/selection/distance.element.css | 2 +-
 app/components/vis-bug/vis-bug.element.css    | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/hotkey-map/base.element.css b/app/components/hotkey-map/base.element.css
index eb60fb76..4665b842 100644
--- a/app/components/hotkey-map/base.element.css
+++ b/app/components/hotkey-map/base.element.css
@@ -13,7 +13,7 @@
   background: var(--theme-bd-2);
   backdrop-filter: blur(5px);
   font-size: 16px;
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   cursor: initial;
 
   --light-grey: hsl(0 0% 90%);
diff --git a/app/components/metatip/metatip.element.css b/app/components/metatip/metatip.element.css
index 9e363503..71082d35 100644
--- a/app/components/metatip/metatip.element.css
+++ b/app/components/metatip/metatip.element.css
@@ -37,7 +37,7 @@
   all: initial;
   direction: ltr;
   font-size: 16px;
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   max-width: 90vw;
   color: var(--theme-text_color);
   line-height: initial;
@@ -225,7 +225,7 @@
 }
 
 :host [longform] {
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   text-wrap: pretty;
   text-align: left;
   line-height: 1.5;
diff --git a/app/components/selection/distance.element.css b/app/components/selection/distance.element.css
index 9449a7ba..5c0d959c 100644
--- a/app/components/selection/distance.element.css
+++ b/app/components/selection/distance.element.css
@@ -47,7 +47,7 @@
   font-size: 0.7em;
   font-weight: bold;
   line-height: 1.1;
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   padding: 0 1ex;
 }
 
diff --git a/app/components/vis-bug/vis-bug.element.css b/app/components/vis-bug/vis-bug.element.css
index 54a698f1..d2f1ff11 100644
--- a/app/components/vis-bug/vis-bug.element.css
+++ b/app/components/vis-bug/vis-bug.element.css
@@ -27,7 +27,7 @@
   all: initial;
   cursor: inherit;
   font-size: 16px;
-  font-family: system-ui;
+  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
   display: flex;
   flex-direction: column;
   margin: 1em 0 0.5em 1em;