UX: Add class to accepted answer quote in posts (#76)

UX: Add class to accepted answer quote in posts (#76)

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;
 }

GitHub sha: 97821bc9

1 Like