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 a624a805c129f86cc78f7fe98f0cdd90909f940d..8e5e388bc04102e74c55607d4dd4aad46adfb425 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 31092da7cae337a084040c731c39c0c0fde7fcd1..c872c6aa9679ce619b99d7e642fbdca689ecf6a5 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 23f46f44793452ecfa1b352dee2414dd8c53e9d2..b70c6dea16dbb49584d9f8a3db240942be74207b 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 00229779a443bf41fb4e75728961b669964feee5..78bcb86876049b2723fb1ba94e1eed7bb0d40dbf 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 d705d58f84951c482e9c58c05277c3e617182e72..1aa6cb1f5d774de1fe047180f322a153e112168b 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}