From 3fff773914fc6110f86ae07e999d52dc4287f5dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Fri, 25 Jan 2019 20:53:22 +0100
Subject: [PATCH] Make description of room collapsible
---
.../room-creator-page.component.html | 15 +++++++++++----
.../room-creator-page.component.scss | 4 ++++
2 files changed, 15 insertions(+), 4 deletions(-)
diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.html b/src/app/components/creator/room-creator-page/room-creator-page.component.html
index c2f64465d..c871adafa 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.html
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.html
@@ -4,17 +4,24 @@
<mat-card *ngIf="room">
<mat-card-header fxLayoutAlign="center">
<mat-card-title fxLayoutAlign="center">
- <h3 class="subheading-2">{{ room.name }}</h3>
+ <h2>{{ room.name }}</h2>
</mat-card-title>
<mat-card-subtitle fxLayoutAlign="center">
+ <h3>
{{ room.shortId.slice(0,4) }} {{ room.shortId.slice(4,8) }}
+ </h3>
</mat-card-subtitle>
</mat-card-header>
<mat-divider></mat-divider>
<mat-card-content fxLayoutAlign="center">
- <p>
- {{ room.description }}
- </p>
+ <mat-expansion-panel class="mat-elevation-z0">
+ <mat-expansion-panel-header>
+ <h4>Beschreibung</h4>
+ </mat-expansion-panel-header>
+ <p>
+ {{ room.description }}
+ </p>
+ </mat-expansion-panel>
</mat-card-content>
<mat-grid-list cols="3" rowHeight="2:1">
<mat-grid-tile colspan="1" rowspan="1">
diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.scss b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
index 8d8241872..2373665c1 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.scss
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
@@ -52,3 +52,7 @@ mat-card-title {
mat-card-subtitle {
height: 20%;
}
+
+mat-expansion-panel {
+ background-color: #fff8e1!important;
+}
--
GitLab