From 73d4be6d15317f60f5649f314847fd7b31787023 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Fri, 29 Oct 2021 18:21:57 +0200
Subject: [PATCH] [editor] Use outline for selected section marking
This needs a z-index on the selected section, since the outline collides
with other sections and is not shown on this side.
---
.../unit-view/page-view/canvas/section-static.component.ts | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/projects/editor/src/app/unit-view/page-view/canvas/section-static.component.ts b/projects/editor/src/app/unit-view/page-view/canvas/section-static.component.ts
index ef49ec58f..ab8b307b8 100644
--- a/projects/editor/src/app/unit-view/page-view/canvas/section-static.component.ts
+++ b/projects/editor/src/app/unit-view/page-view/canvas/section-static.component.ts
@@ -9,7 +9,8 @@ import { UIElementType } from '../../../../../../common/models/uI-element';
selector: 'app-section-static',
template: `
<div #sectionElement class="section-wrapper"
- [style.border]="isSelected ? '2px solid #ff4081': '1px dotted'"
+ [style.outline]="isSelected ? '2px solid #ff4081': '1px dotted'"
+ [style.z-index]="isSelected ? 1 : 0"
[style.height.px]="section.height"
[style.background-color]="section.backgroundColor"
(dragover)="$event.preventDefault()" (drop)="newElementDropped($event)">
@@ -20,7 +21,7 @@ import { UIElementType } from '../../../../../../common/models/uI-element';
</div>
`,
styles: [
- '.section-wrapper {width: 100%}'
+ '.section-wrapper {position: relative; width: 100%}'
]
})
export class SectionStaticComponent {
--
GitLab