Rename CSS classname: markdown to error-box-markdown (#795)

google · Aug 14, 2024 · 88cf2c0 · 88cf2c0
1 parent 5064703
commit 88cf2c0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/mesop/web/src/app/styles.scss b/mesop/web/src/app/styles.scss
@@ -208,8 +208,8 @@ body {
   box-sizing: border-box;
 }
 
-// Need these as global styles since markdown HTML is rendered specially.
-.markdown * {
+// Need these as global styles since markdown HTML is not rendered through Angular.
+.error-box-markdown * {
   margin: 0;
   padding: 0;
   list-style: none;

diff --git a/mesop/web/src/error/error_box.ng.html b/mesop/web/src/error/error_box.ng.html
@@ -3,7 +3,7 @@
     <button mat-icon-button class="close-button" (click)="hideError(error)">
       <mat-icon>close</mat-icon>
     </button>
-    <div class="markdown" [innerHTML]="markdownHTML"></div>
+    <div class="error-box-markdown" [innerHTML]="markdownHTML"></div>
   </div>
   <div *ngIf="error.hasTraceback()">
     <div *ngIf="showFullTraceback()" class="traceback-heading">Traceback</div>