From 995d5dd67ef2a8550f123e2eecef7516d69de107 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Thu, 28 Oct 2021 15:03:46 +0200
Subject: [PATCH] [editor] Fix dynamic section outlines
The outlines where not completely shown when multiple elements were put
beside one another. Now the selected elements of pulled to the top and
the outline is visible.
---
.../page-view/canvas/dynamic-canvas-overlay.component.ts | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/projects/editor/src/app/unit-view/page-view/canvas/dynamic-canvas-overlay.component.ts b/projects/editor/src/app/unit-view/page-view/canvas/dynamic-canvas-overlay.component.ts
index 44fcb3bdf..21f0ea342 100644
--- a/projects/editor/src/app/unit-view/page-view/canvas/dynamic-canvas-overlay.component.ts
+++ b/projects/editor/src/app/unit-view/page-view/canvas/dynamic-canvas-overlay.component.ts
@@ -12,7 +12,8 @@ import { UIElement } from '../../../../../../common/models/uI-element';
cdkDrag [cdkDragData]="{dragType: 'move', element: element}" [cdkDragDisabled]="!isSelected"
(click)="selectElement($event.shiftKey)" (dblclick)="openEditDialog()"
(cdkDragStarted)="!isSelected && selectElement()"
- [style.outline]="isSelected ? 'purple solid 1px' : ''">
+ [style.outline]="isSelected ? 'purple solid 1px' : ''"
+ [style.z-index]="isSelected ? 2 : 1">
<div *ngIf="isSelected"
[style.width.%]="dragging ? 100 : 0"
[style.height.%]="dragging ? 100 : 0"
--
GitLab