From ed749d19f689b0d2872f8bf33533fe97dfcaa84c Mon Sep 17 00:00:00 2001
From: Celeste Horgan <celeste@cncf.io>
Date: Thu, 3 Sep 2020 11:23:46 -0700
Subject: [PATCH] Add overflow CSS for mermaid.js diagrams

---
 assets/scss/_custom.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index ebe073a686..6992a5ee3d 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -61,6 +61,15 @@ body.td-404 main .error-details {
   margin-bottom: 0;
 }
 
+/* Global - Mermaid.js diagrams */
+
+.mermaid {
+  overflow: scroll;
+  max-width: 80%;
+  border: 1px solid rgb(222, 226, 230);
+  border-radius: 5px;
+}
+
 /* HEADER */
 
 .td-navbar {
@@ -542,3 +551,5 @@ body.td-documentation {
     }
   }
 }
+
+