From 97821bc96c9161a51cbdf3f77b297247b2bffecf Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 14 Mar 2019 02:19:58 -0400
Subject: [PATCH] UX: Add class to accepted answer quote in posts (#76)

---
 .../discourse/initializers/extend-for-solved-button.js.es6    | 4 ++--
 assets/stylesheets/solutions.scss                             | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/javascripts/discourse/initializers/extend-for-solved-button.js.es6 b/assets/javascripts/discourse/initializers/extend-for-solved-button.js.es6
index ae8391d..6c9ab7c 100644
--- a/assets/javascripts/discourse/initializers/extend-for-solved-button.js.es6
+++ b/assets/javascripts/discourse/initializers/extend-for-solved-button.js.es6
@@ -123,7 +123,7 @@ function initializeWithApi(api) {
           const hasExcerpt = !!topic.get("accepted_answer").excerpt;
 
           const withExcerpt = `
-            <aside class='quote' data-post="${
+            <aside class='quote accepted-answer' data-post="${
               topic.get("accepted_answer").post_number
             }" data-topic="${topic.get("id")}">
               <div class='title'>
@@ -137,7 +137,7 @@ function initializeWithApi(api) {
             </aside>`;
 
           const withoutExcerpt = `
-            <aside class='quote'>
+            <aside class='quote accepted-answer'>
               <div class='title title-only'>
                 ${topic.get("acceptedAnswerHtml")}
               </div>
diff --git a/assets/stylesheets/solutions.scss b/assets/stylesheets/solutions.scss
index 56ae1ca..622ed3b 100644
--- a/assets/stylesheets/solutions.scss
+++ b/assets/stylesheets/solutions.scss
@@ -21,7 +21,7 @@
 }
 
 // you can style accepted answers however your want
-.topic-post.accepted-answer .topic-body {
+.quote.accepted-answer {
   //  background-color: #E9FFE0;
 }