From a76bb9841c58bc87882f8f4c253662d4e5ef88d8 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Fri, 21 Jan 2022 12:24:29 +0100
Subject: [PATCH] [editor] Improve child element selection style
Use a border with border-radius set to make it look nicer.
---
.../cloze-child-overlay/compound-child-overlay.component.ts | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/projects/common/directives/cloze-child-overlay/compound-child-overlay.component.ts b/projects/common/directives/cloze-child-overlay/compound-child-overlay.component.ts
index ddf851d6d..67a74dfdd 100644
--- a/projects/common/directives/cloze-child-overlay/compound-child-overlay.component.ts
+++ b/projects/common/directives/cloze-child-overlay/compound-child-overlay.component.ts
@@ -11,7 +11,8 @@ import { ElementComponent } from '../element-component.directive';
@Component({
selector: 'app-compound-child-overlay',
template: `
- <div [style.outline]="isSelected ? 'purple solid 1px' : ''"
+ <div [style.border]="isSelected ? 'purple solid 1px' : ''"
+ [style.border-radius.px]="3"
(click)="elementSelected.emit(this); $event.stopPropagation();">
<app-toggle-button *ngIf="element.type === 'toggle-button'" #childComponent
[style.pointer-events]="editorMode ? 'none' : 'auto'"
--
GitLab