From 6cdf069b38a17e6781a380199f4b9bceaec3f777 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebastian=20B=C3=B6ckelmann?= Date: Sun, 12 Nov 2023 22:01:52 +0100 Subject: [PATCH] Unwrap event titles in calendar view --- .../draggable-scheduler/draggable-scheduler.component.css | 3 +++ .../draggable-scheduler/draggable-scheduler.component.ts | 2 ++ frontend/src/app/schedules/scheduler/scheduler.component.css | 3 +++ 3 files changed, 8 insertions(+) diff --git a/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.css b/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.css index e7a217e..e662f80 100644 --- a/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.css +++ b/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.css @@ -55,3 +55,6 @@ app-task-overview { color: white; } +::ng-deep .cal-event-title { + white-space: normal; +} diff --git a/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.ts b/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.ts index 50ae471..bdc414d 100644 --- a/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.ts +++ b/frontend/src/app/schedules/draggable-scheduler/draggable-scheduler.component.ts @@ -99,6 +99,7 @@ export class DraggableSchedulerComponent { this.events.push({ title: this.computeTaskPath(schedule.taskgroupPath, schedule.task), color: colors['red'], + cssClass: 'test', start: new Date(advancedSchedule.scheduleStartTime), end: new Date(advancedSchedule.scheduleStopTime), draggable: true, @@ -126,6 +127,7 @@ export class DraggableSchedulerComponent { color: colors['yellow'], start: new Date(), draggable: true, + cssClass: 'test', resizable: { beforeStart: true, afterEnd: true diff --git a/frontend/src/app/schedules/scheduler/scheduler.component.css b/frontend/src/app/schedules/scheduler/scheduler.component.css index 8793269..abdc086 100644 --- a/frontend/src/app/schedules/scheduler/scheduler.component.css +++ b/frontend/src/app/schedules/scheduler/scheduler.component.css @@ -26,3 +26,6 @@ width: 100%; } +::ng-deep .cal-event-title { + white-space: normal; +}