fix: updated font style to only affect calendar widget and its children

culturecreates · Oct 10, 2024 · 0f3dc34 · 0f3dc34
1 parent 3ce989d
commit 0f3dc34
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/App.css b/src/App.css
@@ -1,5 +1,6 @@
 #calendar-widget {
   height: 100%;
+  font-family: Roboto;
 }
 
 #calendar-widget .loader-wrapper {

diff --git a/src/index.css b/src/index.css
@@ -5,11 +5,9 @@ html {
 body {
   margin: 0;
   padding: 0;
-  font-family: Roboto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   max-width: 100vw !important;
-  /* max-height: 100vh; */
   height: 100%;
 }
 

diff --git a/src/utils/dynamicStylePropertyInjector.js b/src/utils/dynamicStylePropertyInjector.js
@@ -23,5 +23,9 @@ export const dynamicFontInjector = (fontName) => {
   )}&display=swap`;
 
   document.head.appendChild(fontLink);
-  document.body.style.fontFamily = `'${fontName}', sans-serif`;
+
+  const calendarWidget = document.getElementById('calendar-widget');
+  if (calendarWidget) {
+    calendarWidget.style.fontFamily = `'${fontName}', sans-serif`;
+  }
 };