Merge pull request #218 from Dataport/fix/tooltip-font-family

fix tooltip font family
Dataport · Jan 20, 2025 · 68a4f86 · 68a4f86
2 parents efc36ba + 6d128f7
commit 68a4f86
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## unpublished
 
 - Fix: Add `crossOrigin` differently to layer sources that are an instance of `ImageWMS` as they require it being set as `crossOrigin_` to be recognized.
+- Fix: Add missing `font-family` css so that tooltips are always `Arial, sans-serif`.
 
 ## 2.0.0
 

diff --git a/packages/core/src/utils/createMap/pullVuetifyStyleToShadow.ts b/packages/core/src/utils/createMap/pullVuetifyStyleToShadow.ts
@@ -11,4 +11,11 @@ export const pullVuetifyStyleToShadow = (shadowRoot: ShadowRoot) => {
     return
   }
   shadowRoot.appendChild(vuetifyStyle)
+
+  // tooltips are technically a neighbour of the app; add missing font style
+  const tooltipStyle = document.createElement('style')
+  tooltipStyle.innerHTML = `.v-tooltip__content {
+  font-family: sans-serif;
+}`
+  shadowRoot.appendChild(tooltipStyle)
 }