fix:[torrust#525] custom word-wrap css class

hungfnt · Apr 23, 2024 · 3bdd25f · 3bdd25f
1 parent 5c31ef4
commit 3bdd25f
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/components/Markdown.vue b/components/Markdown.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- eslint-disable vue/no-v-html -->
-  <div class="prose max-w-full text-justify break-words" v-html="sanitizedDescription" />
+  <div class="prose max-w-none text-justify word-wrap" v-html="sanitizedDescription"/>
 </template>
 
 <script setup lang="ts">
@@ -44,5 +44,16 @@ async function sanitizeDescription () {
 </script>
 
 <style scoped>
+.word-wrap {
+  -ms-word-break: break-all;
+  word-break: break-all;
 
+  /* Non standard for webkit */
+  word-break: break-word;
+
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
+}
 </style>