From bc590eb40ad7ab3c4f3ab711fadadf235d0e1300 Mon Sep 17 00:00:00 2001
From: Yuyao Huang <huangyuyao@outlook.com>
Date: Sat, 9 May 2026 10:57:09 +0800
Subject: [PATCH] handle long titles with text-overflow ellipsis

- goals.css: goal-title truncates with ellipsis, goal-info
  gets min-width:0 (prevents flex overflow), mobile allows
  word-break wrap
- tasks.css: task-title truncates with ellipsis
- notes.css: note-card-title truncates with ellipsis
---
 static/css/goals.css | 9 +++++++++
 static/css/notes.css | 3 +++
 static/css/tasks.css | 3 +++
 3 files changed, 15 insertions(+)

diff --git a/static/css/goals.css b/static/css/goals.css
index 12f23f7..52c63fb 100644
--- a/static/css/goals.css
+++ b/static/css/goals.css
@@ -36,6 +36,7 @@
 
 .goal-info {
     flex: 1;
+    min-width: 0;
 }
 
 .goal-title {
@@ -43,6 +44,9 @@
     font-weight: 600;
     color: #2c3e50;
     margin-bottom: 0.5rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .goal-status {
@@ -143,6 +147,11 @@
         padding: 1rem;
     }
 
+    .goal-title {
+        white-space: normal;
+        word-break: break-word;
+    }
+
     .goal-actions {
         justify-content: flex-end;
         flex-wrap: wrap;
diff --git a/static/css/notes.css b/static/css/notes.css
index dbd1994..ebc1220 100644
--- a/static/css/notes.css
+++ b/static/css/notes.css
@@ -86,6 +86,9 @@
     font-size: 1.05rem;
     color: #2c3e50;
     margin-bottom: 0.25rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .note-card-meta {
diff --git a/static/css/tasks.css b/static/css/tasks.css
index 3a44de2..172a61e 100644
--- a/static/css/tasks.css
+++ b/static/css/tasks.css
@@ -125,6 +125,9 @@
 .task-title {
     font-weight: 600;
     margin-bottom: 0.25rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .task-status-badge {