From 765c8300e1cb383ea1ee659e36e37bb25c742126 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Mon, 23 Aug 2021 18:58:25 +0200
Subject: [PATCH] [editor] Improve cursor definition

Use global style for droplist cursor.
---
 .../unit-view/page-view/canvas/page-canvas.component.html     | 4 ++--
 .../unit-view/page-view/canvas/section.component.ts           | 1 -
 .../page-view/canvas/static-canvas-overlay.component.ts       | 2 --
 .../page-view/properties/element-properties.component.ts      | 4 ++--
 projects/editor/src/styles.css                                | 3 ++-
 5 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/projects/editor/src/app/components/unit-view/page-view/canvas/page-canvas.component.html b/projects/editor/src/app/components/unit-view/page-view/canvas/page-canvas.component.html
index a624a805c..8e5e388bc 100644
--- a/projects/editor/src/app/components/unit-view/page-view/canvas/page-canvas.component.html
+++ b/projects/editor/src/app/components/unit-view/page-view/canvas/page-canvas.component.html
@@ -9,7 +9,7 @@
        [style.padding.px]="page.margin"
        [style.background-color]="page.backgroundColor">
     <div cdkDropListGroup>
-      <div app-canvas-section class="section"
+      <div app-canvas-section class="section drop-list"
            *ngFor="let section of page.sections; let i = index"
            [section]="section" [sectionIndex]="i"
            cdkDropList cdkDropListSortingDisabled
@@ -19,7 +19,7 @@
   </div>
 
 
-  <div *ngIf="sectionEditMode"
+  <div *ngIf="sectionEditMode" class="drop-list"
        [style.width.px]="page.width" [style.padding.px]="page.margin"
        cdkDropList (cdkDropListDropped)="sectionDrop($event)" [cdkDropListData]="page.sections">
     <ng-container *ngFor="let section of page.sections; let i = index">
diff --git a/projects/editor/src/app/components/unit-view/page-view/canvas/section.component.ts b/projects/editor/src/app/components/unit-view/page-view/canvas/section.component.ts
index 31092da7c..c872c6aa9 100644
--- a/projects/editor/src/app/components/unit-view/page-view/canvas/section.component.ts
+++ b/projects/editor/src/app/components/unit-view/page-view/canvas/section.component.ts
@@ -69,7 +69,6 @@ import { SelectionService } from '../../../../selection.service';
          [style.border]="selected ? '1px solid': '1px dotted'"
          [style.height.px]="section.height"
          [style.background-color]="section.backgroundColor"
-         [style.cursor]="'move'"
          (click)="selectionService.selectSection(this)">
       <button mat-mini-fab class="delete-section-button"
       (click)="deleteSection.emit(sectionIndex)">
diff --git a/projects/editor/src/app/components/unit-view/page-view/canvas/static-canvas-overlay.component.ts b/projects/editor/src/app/components/unit-view/page-view/canvas/static-canvas-overlay.component.ts
index 23f46f447..b70c6dea1 100644
--- a/projects/editor/src/app/components/unit-view/page-view/canvas/static-canvas-overlay.component.ts
+++ b/projects/editor/src/app/components/unit-view/page-view/canvas/static-canvas-overlay.component.ts
@@ -39,8 +39,6 @@ import { CanvasElementOverlay } from './canvas-element-overlay';
   styles: [
     '.resizeHandle {position: absolute}',
     '.resize-droplist {position: absolute}',
-    '.draggable-element-selected {cursor: grab}',
-    '.draggable-element-selected:active {cursor: grabbing}',
     '.draggable-element-selected .resizeHandle {cursor: nwse-resize}',
     '.resize-droplist.cdk-drop-list-dragging {cursor: nwse-resize}'
   ]
diff --git a/projects/editor/src/app/components/unit-view/page-view/properties/element-properties.component.ts b/projects/editor/src/app/components/unit-view/page-view/properties/element-properties.component.ts
index 00229779a..78bcb8687 100644
--- a/projects/editor/src/app/components/unit-view/page-view/properties/element-properties.component.ts
+++ b/projects/editor/src/app/components/unit-view/page-view/properties/element-properties.component.ts
@@ -342,8 +342,8 @@ import { SelectionService } from '../../../../selection.service';
   styles: [
     '::ng-deep app-element-properties .margin-properties .mat-form-field-infix {width: 55px; margin: 0 5px}',
     '::ng-deep app-element-properties .mat-form-field-infix {width: 95px; margin: 0 5px}',
-    '.list-items {padding: 5px 10px; border-bottom: solid 1px #ccc; cursor: move;' +
-                  'display: flex;flex-direction: row; align-items: center; justify-content: space-between;}'
+    '.list-items {padding: 5px 10px; border-bottom: solid 1px #ccc}',
+    '.list-items {display: flex;flex-direction: row; align-items: center; justify-content: space-between;}'
   ]
 })
 export class ElementPropertiesComponent implements OnInit, OnDestroy {
diff --git a/projects/editor/src/styles.css b/projects/editor/src/styles.css
index d705d58f8..1aa6cb1f5 100644
--- a/projects/editor/src/styles.css
+++ b/projects/editor/src/styles.css
@@ -11,4 +11,5 @@ body {
 .snackbar-error {background-color: #ff4d4d}
 
 
-.cdk-drop-list-dragging {cursor: grabbing}
+.drop-list {cursor: grab}
+.drop-list.cdk-drop-list-dragging {cursor: grabbing}
-- 
GitLab