From b1a1d187182389b8108e20836ccbdba517f62337 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Sat, 24 Aug 2024 20:30:22 +0200
Subject: [PATCH] feat(schedule): polish

---
 .../create-task-placeholder.component.scss        |  8 +++++---
 .../schedule/schedule/schedule.component.ts       | 15 ++++++++++-----
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/app/features/schedule/create-task-placeholder/create-task-placeholder.component.scss b/src/app/features/schedule/create-task-placeholder/create-task-placeholder.component.scss
index d179ea6e2c2..eb33dd13b67 100644
--- a/src/app/features/schedule/create-task-placeholder/create-task-placeholder.component.scss
+++ b/src/app/features/schedule/create-task-placeholder/create-task-placeholder.component.scss
@@ -10,12 +10,11 @@
   background: #fff;
   pointer-events: none;
   z-index: 33;
-  opacity: 0.5;
+  opacity: 0.2;
   color: $light-theme-text-color;
 
   @include darkTheme() {
     color: $dark-theme-text-color;
-    border-color: $c-accent;
     background: $dark-theme-bg-lightest;
   }
 
@@ -29,7 +28,8 @@
     cursor: pointer;
     position: absolute;
     bottom: 100%;
-    border: 1px dashed $c-accent;
+    //margin-bottom: -6px;
+    border: 2px dashed $c-accent;
     background: inherit;
     left: 50%;
     transform: translateX(-50%);
@@ -41,6 +41,8 @@
     border-bottom: 0;
     padding: 1px 12px;
     color: inherit;
+    z-index: 1;
+    white-space: nowrap;
 
     mat-icon {
       font-size: 16px;
diff --git a/src/app/features/schedule/schedule/schedule.component.ts b/src/app/features/schedule/schedule/schedule.component.ts
index 81b0b74f8dd..e55b534d2a0 100644
--- a/src/app/features/schedule/schedule/schedule.component.ts
+++ b/src/app/features/schedule/schedule/schedule.component.ts
@@ -222,11 +222,14 @@ export class ScheduleComponent implements AfterViewInit, OnDestroy {
     style: string;
     time: string;
     date: string;
-  } | null>({
-    style: 'grid-row: 149 / span 4; grid-column: 4 / span 1',
-    time: '12:00',
-    date: '11/11/2021',
-  });
+  } | null>(
+    null,
+    //   {
+    //   style: 'grid-row: 149 / span 4; grid-column: 4 / span 1',
+    //   time: '12:00',
+    //   date: '11/11/2021',
+    // }
+  );
 
   // currentTimeSpan$: Observable<{ from: string; to: string }> = this.daysToShow$.pipe(
   //   map((days) => {
@@ -432,6 +435,8 @@ export class ScheduleComponent implements AfterViewInit, OnDestroy {
     setTimeout(() => {
       if (ev.source.element?.nativeElement?.style) {
         ev.source.element.nativeElement.style.opacity = '';
+        // NOTE: doing this again fixes the issue that the element remains in the wrong state sometimes
+        ev.source.element.nativeElement.style.pointerEvents = '';
       }
     }, 100);