feat(schedule): polish

johannesjo · Aug 24, 2024 · b1a1d18 · b1a1d18
1 parent f7a7eb6
commit b1a1d18
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 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
@@ -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
@@ -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);