From 55d106ce74e8ea5170fc13a65694280f4630428e Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 17 Mar 2025 10:15:34 +0530
Subject: [PATCH 1/2] fix: content overflows on previews.

---
 .../project-[project]/messaging/pushPhone.svelte       | 10 +++++++++-
 .../project-[project]/messaging/smsPhone.svelte        |  5 +++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[project]/messaging/pushPhone.svelte b/src/routes/(console)/project-[project]/messaging/pushPhone.svelte
index a6fb893f7..df3dfa56c 100644
--- a/src/routes/(console)/project-[project]/messaging/pushPhone.svelte
+++ b/src/routes/(console)/project-[project]/messaging/pushPhone.svelte
@@ -18,7 +18,7 @@
         </div>
         <div>
             <p class="body-text-1 u-small u-bold">{title || 'Message Title'}</p>
-            <p class="body-text-2 u-x-small">
+            <p class="notification-bubble body-text-2 u-x-small">
                 {body || 'Enter your message in the input field on the left to see it here'}
             </p>
         </div>
@@ -49,6 +49,14 @@
         }
     }
 
+    .notification-bubble {
+        overflow: hidden;
+        display: -webkit-box;
+        -webkit-line-clamp: 4;
+        word-break: break-word;
+        -webkit-box-orient: vertical;
+    }
+
     :global(.theme-dark) .phone {
         background-image: url('./push-notification-preview-dark.svg');
 
diff --git a/src/routes/(console)/project-[project]/messaging/smsPhone.svelte b/src/routes/(console)/project-[project]/messaging/smsPhone.svelte
index 63526c264..d7274729c 100644
--- a/src/routes/(console)/project-[project]/messaging/smsPhone.svelte
+++ b/src/routes/(console)/project-[project]/messaging/smsPhone.svelte
@@ -92,6 +92,11 @@
                     padding-block: 7px;
                     margin-inline-start: 6px;
                     margin-inline-end: 33px;
+                    overflow: hidden;
+                    display: -webkit-box;
+                    word-break: break-word;
+                    -webkit-line-clamp: 4;
+                    -webkit-box-orient: vertical;
                 }
             }
         }

From edb50a86b473216292ba1ec43ac7d50cba6a6aed Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 17 Mar 2025 10:55:54 +0530
Subject: [PATCH 2/2] fix: checks.

---
 .../(console)/project-[project]/messaging/pushPhone.svelte     | 3 ++-
 .../(console)/project-[project]/messaging/smsPhone.svelte      | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[project]/messaging/pushPhone.svelte b/src/routes/(console)/project-[project]/messaging/pushPhone.svelte
index df3dfa56c..758982e65 100644
--- a/src/routes/(console)/project-[project]/messaging/pushPhone.svelte
+++ b/src/routes/(console)/project-[project]/messaging/pushPhone.svelte
@@ -52,8 +52,9 @@
     .notification-bubble {
         overflow: hidden;
         display: -webkit-box;
-        -webkit-line-clamp: 4;
+        line-clamp: 4;
         word-break: break-word;
+        -webkit-line-clamp: 4;
         -webkit-box-orient: vertical;
     }
 
diff --git a/src/routes/(console)/project-[project]/messaging/smsPhone.svelte b/src/routes/(console)/project-[project]/messaging/smsPhone.svelte
index d7274729c..4561d8614 100644
--- a/src/routes/(console)/project-[project]/messaging/smsPhone.svelte
+++ b/src/routes/(console)/project-[project]/messaging/smsPhone.svelte
@@ -95,6 +95,7 @@
                     overflow: hidden;
                     display: -webkit-box;
                     word-break: break-word;
+                    line-clamp: 4;
                     -webkit-line-clamp: 4;
                     -webkit-box-orient: vertical;
                 }