From 32670ac505246853df245a87aa66d4eff97ce073 Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Sat, 4 May 2024 16:20:07 +0200
Subject: [PATCH] fix: comments text overflowing for long words

---
 src/components/CollapsableText.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/CollapsableText.vue b/src/components/CollapsableText.vue
index 637e546a..dbf47fd5 100644
--- a/src/components/CollapsableText.vue
+++ b/src/components/CollapsableText.vue
@@ -1,7 +1,7 @@
 <template v-if="text">
     <div class="mx-1 whitespace-pre-wrap py-2">
         <!-- eslint-disable-next-line vue/no-v-html -->
-        <span v-if="showFullText" v-html="fullText()" />
+        <span v-if="showFullText" class="contentText" v-html="fullText()" />
         <!-- eslint-disable-next-line vue/no-v-html -->
         <span v-else v-html="colapsedText()" />
         <span v-if="text.length > visibleLimit && !showFullText">...</span>
@@ -44,3 +44,9 @@ export default {
     },
 };
 </script>
+
+<style>
+.contentText {
+    word-wrap: anywhere;
+}
+</style>