From b908061128dcda0767def934fa42bb8be50e8bc1 Mon Sep 17 00:00:00 2001
From: buqiyuan <1743369777@qq.com>
Date: Wed, 3 Aug 2022 13:27:47 +0800
Subject: [PATCH] fix: extension detail css issue

---
 .../shadow/shadow-dom-encapsulation.component.ts      | 11 ++++++-----
 1 file changed, 6 insertions(+), 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
index 20f03628a..96a2f489d 100644
--- 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();
   }