From 88cf2c0b61830c724052beb915d0a8ac11cf52d1 Mon Sep 17 00:00:00 2001
From: Will Chen <willchen90@gmail.com>
Date: Tue, 13 Aug 2024 22:32:41 -0700
Subject: [PATCH] Rename CSS classname: markdown to error-box-markdown (#795)

---
 mesop/web/src/app/styles.scss         | 4 ++--
 mesop/web/src/error/error_box.ng.html | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/mesop/web/src/app/styles.scss b/mesop/web/src/app/styles.scss
index 133482fb8..74c8d2648 100644
--- 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
index 59663556f..a78f69502 100644
--- 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>