From 12662c7233a08cdc985d9d618d3669a9577f3945 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Wed, 19 Jan 2022 18:25:25 +0100
Subject: [PATCH] [editor] Use dashed outline for element selection and resize
For dynamic section we keep the solid line as the dashed one is harder
to see. Needs to be discussed maybe.
---
.../canvas/overlays/dynamic-canvas-overlay.component.ts | 2 +-
.../canvas/overlays/static-canvas-overlay.component.ts | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/dynamic-canvas-overlay.component.ts b/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/dynamic-canvas-overlay.component.ts
index 4849c6476..17e693ce1 100644
--- a/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/dynamic-canvas-overlay.component.ts
+++ b/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/dynamic-canvas-overlay.component.ts
@@ -38,7 +38,7 @@ import { UIElement } from '../../../../../../../../common/models/uI-element';
[style.position]="'relative'"
[style.width.px]="dragging ? elementWidth : 0"
[style.height.px]="dragging ? elementHeight : 0"
- [style.border]="'1px solid purple'">
+ [style.border]="'1px dashed purple'">
</div>
`,
styles: [
diff --git a/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/static-canvas-overlay.component.ts b/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/static-canvas-overlay.component.ts
index 911f69ebb..2c0bf7842 100644
--- a/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/static-canvas-overlay.component.ts
+++ b/projects/editor/src/app/components/unit-view/page-view/canvas/overlays/static-canvas-overlay.component.ts
@@ -20,7 +20,7 @@ import { UIElement } from '../../../../../../../../common/models/uI-element';
<div *cdkDragPlaceholder></div>
<!-- Needs extra div because styling can interfere with drag and drop-->
<div [style.position]="'absolute'"
- [style.outline]="isSelected ? 'purple solid 1px' : ''"
+ [style.outline]="isSelected ? '1px dashed purple' : ''"
[style.left.px]="element.positionProps?.xPosition"
[style.top.px]="element.positionProps?.yPosition"
[style.z-index]="element.positionProps?.zIndex">
--
GitLab