From 378481e14fbe3509f80039470a908a1d943c4818 Mon Sep 17 00:00:00 2001
From: Brian Powell Jr <b.powell.jr@outlook.com>
Date: Sun, 3 Nov 2024 11:00:12 -0500
Subject: [PATCH] Changed SUCCESS blockquote adoc option to return a block as
 AsciiDoctor.js currently doesn't support inline extensions on paragraph
 content

---
 client/components/editor/editor-asciidoc.vue |  2 +-
 client/themes/default/scss/app.scss          | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/client/components/editor/editor-asciidoc.vue b/client/components/editor/editor-asciidoc.vue
index 8c1d5908..8a134c10 100644
--- a/client/components/editor/editor-asciidoc.vue
+++ b/client/components/editor/editor-asciidoc.vue
@@ -53,7 +53,7 @@
                 v-icon(color='blue') mdi-alpha-n-box-outline
               v-list-item-title {{'Note Blockquote'}}
             v-divider
-            v-list-item(@click='insertBeforeEachLine({ content: `SUCCESS: `})')
+            v-list-item(@click='insertBeforeEachLine({ content: `[SUCCESS]\n`})')
               v-list-item-action
                 v-icon(color='success') mdi-alpha-s-box-outline
               v-list-item-title {{'Success Blockquote'}}
diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
index 04daca22..e03acca2 100644
--- a/client/themes/default/scss/app.scss
+++ b/client/themes/default/scss/app.scss
@@ -445,14 +445,15 @@
         }
       }
     }
+
     &.success {
-       td.icon {
-          background-color: mc('green', '300');
-          color: mc('green', '50');
-          &::before {
-            content: "\F0E1E";
-          }
+      td.icon {
+        background-color: mc('green', '300');
+        color: mc('green', '50');
+        &::before {
+          content: "\F0E1E";
         }
+      }
       td.content {
         color: darken(mc('green', '900'), 10%);
         background-color: mc('green', '50');
@@ -463,6 +464,7 @@
         }
       }
     }
+
     &.tip {
       td.icon {
         background-color: mc('green', '300');
@@ -481,6 +483,7 @@
         }
       }
     }
+
     &.warning {
       background-color: transparent !important;
 
@@ -501,6 +504,7 @@
         }
       }
     }
+
     &.caution {
       td.icon {
         background-color: mc('purple', '300');
@@ -519,6 +523,7 @@
         }
       }
     }
+
     &.important {
       td.icon {
         background-color: mc('red', '300');