fix: bootstrap styles are not available in BOS components

dapplets · Jul 17, 2024 · c304ab8 · c304ab8
1 parent ec65b15
commit c304ab8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/libs/engine/src/app/components/context-manager.tsx b/libs/engine/src/app/components/context-manager.tsx
@@ -192,7 +192,11 @@ const InsPointHandler: FC<{
     config.layoutManagers.ear === layoutManagerId ? { position: 'relative' } : undefined
 
   return (
-    <ShadowDomWrapper className="mweb-layout-manager" style={shadowDomHostStyles}>
+    <ShadowDomWrapper
+      className="mweb-layout-manager"
+      style={shadowDomHostStyles}
+      stylesheetSrc={engine.config.bosElementStyleSrc}
+    >
       <Widget
         src={layoutManagerId ?? config.layoutManagers.horizontal}
         props={props}

diff --git a/libs/engine/src/app/components/shadow-dom-wrapper.tsx b/libs/engine/src/app/components/shadow-dom-wrapper.tsx
@@ -44,6 +44,11 @@ export const ShadowDomWrapper = React.forwardRef<HTMLDivElement, ShadowDomWrappe
             justify-content: center;
             /* position: relative; */
             visibility: visible !important;
+
+            font-family: -apple-system, BlinkMacSystemFont, 
+              "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", 
+              "Fira Sans", "Droid Sans", "Helvetica Neue", 
+              sans-serif;
             }
         `
         const disableCssInheritanceStyle = document.createElement('style')