From d82c5e6400b470e89a31c1668c7b9347c19d34dd Mon Sep 17 00:00:00 2001
From: Kelani Tolulope <kelanik8@gmail.com>
Date: Thu, 25 Jan 2024 15:08:31 +0100
Subject: [PATCH] Refactor multiline delimiter class to wrap text to a newline

---
 .../web/compose/src/components/ModuleFields/Viewer/String.vue | 4 ++--
 .../web/compose/src/components/ModuleFields/Viewer/base.vue   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/web/compose/src/components/ModuleFields/Viewer/String.vue b/client/web/compose/src/components/ModuleFields/Viewer/String.vue
index e4ce4f82e..a07e69fbb 100644
--- a/client/web/compose/src/components/ModuleFields/Viewer/String.vue
+++ b/client/web/compose/src/components/ModuleFields/Viewer/String.vue
@@ -5,8 +5,8 @@
       class="rt-content"
     >
       <p
-        :style="{ 'white-space': 'pre-wrap' }"
-        :class="{'multiline': field.isMulti || field.options.multiLine }"
+        :style="{ 'white-space': field.options.useRichTextEditor && 'pre-line' }"
+        :class="{ 'multiline': field.isMulti || field.options.multiLine }"
         v-html="formatted"
       />
     </div>
diff --git a/client/web/compose/src/components/ModuleFields/Viewer/base.vue b/client/web/compose/src/components/ModuleFields/Viewer/base.vue
index 3c2c466bc..184cd3971 100644
--- a/client/web/compose/src/components/ModuleFields/Viewer/base.vue
+++ b/client/web/compose/src/components/ModuleFields/Viewer/base.vue
@@ -82,6 +82,6 @@ export default {
 
 <style>
 .multiline {
-  white-space: pre-line;
+  white-space: pre;
 }
 </style>