Skip to content

Commit c304ab8

Browse files
committed
fix: bootstrap styles are not available in BOS components
1 parent ec65b15 commit c304ab8

File tree

2 files changed

+10
-1
lines changed

2 files changed

+10
-1
lines changed

libs/engine/src/app/components/context-manager.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -192,7 +192,11 @@ const InsPointHandler: FC<{
192192
config.layoutManagers.ear === layoutManagerId ? { position: 'relative' } : undefined
193193

194194
return (
195-
<ShadowDomWrapper className="mweb-layout-manager" style={shadowDomHostStyles}>
195+
<ShadowDomWrapper
196+
className="mweb-layout-manager"
197+
style={shadowDomHostStyles}
198+
stylesheetSrc={engine.config.bosElementStyleSrc}
199+
>
196200
<Widget
197201
src={layoutManagerId ?? config.layoutManagers.horizontal}
198202
props={props}

libs/engine/src/app/components/shadow-dom-wrapper.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,11 @@ export const ShadowDomWrapper = React.forwardRef<HTMLDivElement, ShadowDomWrappe
4444
justify-content: center;
4545
/* position: relative; */
4646
visibility: visible !important;
47+
48+
font-family: -apple-system, BlinkMacSystemFont,
49+
"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
50+
"Fira Sans", "Droid Sans", "Helvetica Neue",
51+
sans-serif;
4752
}
4853
`
4954
const disableCssInheritanceStyle = document.createElement('style')

0 commit comments

Comments
 (0)