From 6ecb70176c76a686158f18968b118e7c26647c87 Mon Sep 17 00:00:00 2001
From: 10G Meow <10gmeow@gmail.com>
Date: Thu, 27 Jan 2022 12:09:33 +0000
Subject: [PATCH] joined link text overflow fixed

---
 src/assets/css/chat.scss                    | 2 ++
 src/components/CreatedRoomWelcomeHeader.vue | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index 2751361..653c22c 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -487,6 +487,8 @@ $admin-fg: white;
     text-align: center;
     margin: 20px;
     user-select: text;
+    overflow-wrap: break-word;
+    word-break: break-word;
 }
 
 .notice {
diff --git a/src/components/CreatedRoomWelcomeHeader.vue b/src/components/CreatedRoomWelcomeHeader.vue
index 0dfacfa..8f97574 100644
--- a/src/components/CreatedRoomWelcomeHeader.vue
+++ b/src/components/CreatedRoomWelcomeHeader.vue
@@ -4,7 +4,7 @@
     <div class="mt-2" v-if="roomJoinRule == 'public'">
       <i18n path="room_welcome.join_public" tag="span">
         <template v-slot:link>
-          <a :href="publicRoomLink">{{ publicRoomLink }}</a>
+          <a :href="publicRoomLink" class="text-break">{{ publicRoomLink }}</a>
         </template>
       </i18n>
     </div>