From eae8ed946f15015c6f55aef7cba36f4afc99542c Mon Sep 17 00:00:00 2001
From: citrusella <purplewowies@yahoo.com>
Date: Sun, 7 Jun 2020 06:52:01 -0400
Subject: [PATCH] Blockquote styling (fixes #9476) (#12227)

* Added blockquote styling based on Zeplin example

* Commit new changes to style blockquotes

* Fix bottom of post margins after markdown class addition
---
 website/client/src/assets/scss/markdown.scss           | 5 +++++
 website/client/src/components/chat/chatCard.vue        | 3 +--
 website/client/src/components/messages/messageCard.vue | 3 +--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/website/client/src/assets/scss/markdown.scss b/website/client/src/assets/scss/markdown.scss
index 9e4c2a8926..249423875b 100644
--- a/website/client/src/assets/scss/markdown.scss
+++ b/website/client/src/assets/scss/markdown.scss
@@ -41,4 +41,9 @@
   img {
     max-width: 100%;
   }
+  
+  blockquote {
+    padding: 0 16px;
+    border-left: 4px solid #e1e0e3;
+  }
 }
diff --git a/website/client/src/components/chat/chatCard.vue b/website/client/src/components/chat/chatCard.vue
index 473c5180ce..9c97856245 100644
--- a/website/client/src/components/chat/chatCard.vue
+++ b/website/client/src/components/chat/chatCard.vue
@@ -33,7 +33,7 @@
       </p>
       <div
         ref="markdownContainer"
-        class="text"
+        class="text markdown"
         v-html="parseMarkdown(msg.text)"
       ></div>
       <hr>
@@ -166,7 +166,6 @@
       color: #4e4a57;
       text-align: left !important;
       min-height: 0rem;
-      margin-bottom: -0.5rem;
     }
   }
 
diff --git a/website/client/src/components/messages/messageCard.vue b/website/client/src/components/messages/messageCard.vue
index b1ef2a527b..f5a9dd587b 100644
--- a/website/client/src/components/messages/messageCard.vue
+++ b/website/client/src/components/messages/messageCard.vue
@@ -20,7 +20,7 @@
       <span v-if="msg.client && user.contributor.level >= 4"> ({{ msg.client }})</span>
     </p>
     <div
-      class="text"
+      class="text markdown"
       v-html="parseMarkdown(msg.text)"
     ></div>
     <div
@@ -120,7 +120,6 @@
       color: $gray-50;
       text-align: left !important;
       min-height: 0rem;
-      margin-bottom: -0.5rem;
     }
   }