From 269ef9b185b7a25c02b2de61630ea99ddf6daa0f Mon Sep 17 00:00:00 2001
From: Lauryn Lorna Monthe Djomeni <lauryn.lorna.monthe.djomeni@mni.thm.de>
Date: Mon, 7 Jun 2021 19:40:27 +0200
Subject: [PATCH] Design of checkbox button
---
.../creator/_dialogs/room-edit/room-edit.component.html | 9 ++++++---
.../creator/_dialogs/room-edit/room-edit.component.scss | 8 ++++++++
2 files changed, 14 insertions(+), 3 deletions(-)
diff --git a/src/app/components/creator/_dialogs/room-edit/room-edit.component.html b/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
index b79de81de..653cd6386 100644
--- a/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
+++ b/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
@@ -56,9 +56,12 @@
</mat-tab>
</mat-tab-group>
<div fxLayoutAlign="center center">
- <label for="myCheck" style="background: darkgreen; font-size: larger;">{{ 'room-page.block' | translate }} </label>
- <input type="checkbox" id= "myCheck" [(ngModel)]= "check" >
-
+ <mat-slide-toggle [(ngModel)]= "check">{{ 'room-page.block' | translate }}</mat-slide-toggle>
+ </div>
+ <div fxLayoutAlign="center center">
+ <!-- <input type="checkbox" id= "myCheck" [(ngModel)]= "check" > -->
+ <!-- <mat-label for="myCheck" ><mat-icon>block</mat-icon>{{ 'room-page.block' | translate }} </mat-label> -->
+
<button mat-raised-button
class="delete"
(click)="openDeleteRoomDialog()"
diff --git a/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss b/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
index 55edafc7f..e892ab2a9 100644
--- a/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
+++ b/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
@@ -51,3 +51,11 @@ mat-hint {
color: var(--on-surface) !important;
margin-right: 1%;
}
+
+mat-slide-toggle {
+ margin-top: 20px;
+}
+
+
+
+
--
GitLab