fix: extension detail css issue

Postcatlab · Aug 3, 2022 · b908061 · b908061
1 parent 30e6947
commit b908061
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/workbench/browser/src/app/shared/components/shadow/shadow-dom-encapsulation.component.ts b/src/workbench/browser/src/app/shared/components/shadow/shadow-dom-encapsulation.component.ts
@@ -3,14 +3,14 @@ import MarkdownIt from 'markdown-it/dist/markdown-it';
 
 @Component({
   selector: 'eo-shadow-dom',
-  template: ` <div [innerHTML]="content"></div> `,
-  styles: [
-    `
+  template: `
+    <style>
       img {
         max-width: 600px;
       }
-    `,
-  ],
+    </style>
+    <div part="eo-shadow-dom" [innerHTML]="content"></div>
+  `,
   encapsulation: ViewEncapsulation.ShadowDom,
 })
 export class ShadowDomEncapsulationComponent implements OnInit {
@@ -37,6 +37,7 @@ export class ShadowDomEncapsulationComponent implements OnInit {
   constructor() {}
 
   ngOnInit() {
+    console.log('markdow', this);
     this.md = new MarkdownIt(this.options);
     this.customLinkRender();
   }