Apply global font-family settings to Radix-originated toolbar

liam-hq · Dec 20, 2024 · 40d7278 · 40d7278
1 parent 9065d33
commit 40d7278
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/Toolbar/Toolbar.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/Toolbar/Toolbar.module.css
@@ -26,3 +26,8 @@
   box-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px
     rgba(22, 23, 24, 0.2);
 }
+
+/* https://github.com/radix-ui/primitives/issues/2908 */
+:global([data-radix-popper-content-wrapper]) {
+  font-family: var(--main-font);
+}
diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDRenderer.module.css b/frontend/packages/erd-core/src/components/ERDRenderer/ERDRenderer.module.css
@@ -5,6 +5,8 @@
   /* NOTE: workaround for that drawer with modal={false} does not work */
   /* ref: https://github.com/emilkowalski/vaul/issues/492 */
   pointer-events: all;
+
+  font-family: var(--main-font);
 }
 
 .mainWrapper {