From 5cf17596533e2db449a1c1e29df1d9bf79badff7 Mon Sep 17 00:00:00 2001 From: Jose Olarte III Date: Tue, 29 Jul 2025 19:34:40 +0800 Subject: [PATCH 01/15] Fix: switch to CSS-based text-truncate - Eliminate dependence on arbitrary maxlength for truncation - Ensure truncation is purely visual, and does not touch content --- src/App.vue | 37 +++++++++++++++---------------------- 1 file changed, 15 insertions(+), 22 deletions(-) diff --git a/src/App.vue b/src/App.vue index 76acc710..0b190521 100644 --- a/src/App.vue +++ b/src/App.vue @@ -27,9 +27,9 @@ v-if="notification.type === 'toast'" class="w-full max-w-sm mx-auto mb-3 overflow-hidden bg-slate-900/90 text-white rounded-lg shadow-md" > -
- {{ notification.title }} -

{{ notification.text }}

+
+

{{ notification.title }}

+

{{ notification.text }}

@@ -46,9 +46,9 @@ > -
- {{ notification.title }} -

{{ truncateLongWords(notification.text) }}

+
+

{{ notification.title }}

+

{{ notification.text }}

-
- {{ notification.title }} -

{{ truncateLongWords(notification.text) }}

+
+

{{ notification.title }}

+

{{ notification.text }}

-
- {{ notification.title }} -

{{ truncateLongWords(notification.text) }}

+
+

{{ notification.title }}

+

{{ notification.text }}

-
- {{ notification.title }} -

{{ truncateLongWords(notification.text) }}

+
+

{{ notification.title }}

+

{{ notification.text }}

@@ -46,9 +50,15 @@ >
-
-

{{ notification.title }}

-

{{ notification.text }}

+
+

+ {{ notification.title }} +

+

+ {{ notification.text }} +

-
-

{{ notification.title }}

-

{{ notification.text }}

+
+

+ {{ notification.title }} +

+

+ {{ notification.text }} +

-
-

{{ notification.title }}

-

{{ notification.text }}

+
+

+ {{ notification.title }} +

+

+ {{ notification.text }} +

-
-

{{ notification.title }}

-

{{ notification.text }}

+
+

+ {{ notification.title }} +

+

+ {{ notification.text }} +