From 8496c2daa4839e78f2d38aac6a831aeab7abf242 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Mon, 23 Feb 2026 22:13:36 +0100
Subject: [PATCH] fix: enable text wrapping for tasks and events to prevent
 horizontal scrollbars

- Updated globals.css for .time-slot-task and .time-slot-event row

- Removed white-space: nowrap from GridTaskBlock title span

- Added word-wrap: break-word to simple-view columns
---
 src/app/globals.css              | 15 +++++++++------
 src/components/GridTaskBlock.tsx |  6 +++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 44a7718..7701b3b 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1804,9 +1804,10 @@ h3 {
   font-size: var(--weekly-time-task-size, 0.75rem);
   font-weight: var(--weekly-time-task-weight, 500);
   cursor: pointer;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  white-space: normal;
+  word-break: break-word;
+  overflow: visible;
+  text-overflow: clip;
   transition: color 0.15s ease;
   position: relative;
   z-index: 5;
@@ -1852,10 +1853,11 @@ h3 {
 
 .time-slot-event .event-title-row {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 0.25rem;
-  white-space: nowrap;
-  overflow: hidden;
+  white-space: normal;
+  word-break: break-word;
+  overflow: visible;
 }
 
 .time-slot-event .event-indicator {
@@ -2862,6 +2864,7 @@ h3 {
     border-left: 0px !important;
     margin: 0 10px !important;
     overflow-x: hidden !important;
+    word-wrap: break-word;
 }
 
 .simple-view .time-column {
diff --git a/src/components/GridTaskBlock.tsx b/src/components/GridTaskBlock.tsx
index 3d9bc61..9a1c3bf 100644
--- a/src/components/GridTaskBlock.tsx
+++ b/src/components/GridTaskBlock.tsx
@@ -220,9 +220,9 @@ export function GridTaskBlock({
                             display: "flex",
                             alignItems: "flex-start",
                             gap: "3px",
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap",
+                            overflow: "visible",
+                            whiteSpace: "normal",
+                            wordBreak: "break-word",
                             flex: 1,
                             fontSize: "0.8rem",
                         }}