diff --git a/src/app/components/participant/room-participant-page/room-participant-page.component.html b/src/app/components/participant/room-participant-page/room-participant-page.component.html index 852645373f6f1ab767a30a96b50ed583eafe20c2..7ea506d0a5fb2e646f54192482cf061210f058f3 100644 --- a/src/app/components/participant/room-participant-page/room-participant-page.component.html +++ b/src/app/components/participant/room-participant-page/room-participant-page.component.html @@ -8,26 +8,31 @@ </mat-card-header> <mat-divider></mat-divider> <mat-card-content fxLayoutAlign="center"> - <p> - {{ room.description }} - </p> + <mat-expansion-panel *ngIf="!room.description == ''" class="mat-elevation-z0"> + <mat-expansion-panel-header> + <h4>{{ 'room-page.description' | translate }}</h4> + </mat-expansion-panel-header> + <p> + {{ room.description }} + </p> + </mat-expansion-panel> </mat-card-content> <mat-divider></mat-divider> <mat-grid-list cols="3" rowHeight="2:1"> <mat-grid-tile> - <button mat-icon-button color="accent" matTooltip="{{ 'room-page.create-comment' | translate}}" + <button mat-icon-button color="primary" matTooltip="{{ 'room-page.create-comment' | translate}}" routerLink="/participant/room/{{ room.id }}/create-comment"> <mat-icon>question_answer</mat-icon> </button> </mat-grid-tile> <mat-grid-tile> - <button mat-icon-button color="accent" matTooltip="{{ 'room-page.give-feedback' | translate}}" + <button mat-icon-button color="primary" matTooltip="{{ 'room-page.give-feedback' | translate}}" routerLink="/participant/room/{{ room.id }}/feedback-barometer"> <mat-icon>thumbs_up_down</mat-icon> </button> </mat-grid-tile> <mat-grid-tile> - <button mat-icon-button color="accent" matTooltip="Lernstand" + <button mat-icon-button color="primary" matTooltip="Lernstand" routerLink="/participant/room/{{ room.shortId }}/statistics"> <mat-icon>insert_chart</mat-icon> </button> diff --git a/src/app/components/participant/room-participant-page/room-participant-page.component.scss b/src/app/components/participant/room-participant-page/room-participant-page.component.scss index 5753b0c5a0f525f74f06f1efefd59f082383778b..d4ccac48fc783cfdb5578fe12a67f4529a8b7c77 100644 --- a/src/app/components/participant/room-participant-page/room-participant-page.component.scss +++ b/src/app/components/participant/room-participant-page/room-participant-page.component.scss @@ -19,3 +19,8 @@ button { max-width: 30%; min-width: 30%; } + +mat-expansion-panel { + background-color: #fff8e1!important; + min-width: 200px; +} diff --git a/src/assets/i18n/participant/de.json b/src/assets/i18n/participant/de.json index 56155b18b4094bf690732269c0f83e9f08d6fe5d..39c6bf45689a86f8bbd4e90e2022bc75c24dd2b1 100644 --- a/src/assets/i18n/participant/de.json +++ b/src/assets/i18n/participant/de.json @@ -13,7 +13,8 @@ "give-feedback": "Feedback geben", "live-feedback": "Live Feedback", "answer-statistics": "Statistiken", - "default-content-group": "Standard" + "default-content-group": "Standard", + "description": "Beschreibung" }, "comment-page": { "enter-title": "Geben Sie einen Titel ein", diff --git a/src/assets/i18n/participant/en.json b/src/assets/i18n/participant/en.json index 9d9a97debece53c0c1a4bc698d6be81bc7a7783a..0d31267853a19253d5538778e1bfb635b20b16ec 100644 --- a/src/assets/i18n/participant/en.json +++ b/src/assets/i18n/participant/en.json @@ -13,7 +13,8 @@ "give-feedback": "Give feedback", "live-feedback": "Live feedback", "answer-statistics": "Statistics", - "default-content-group": "Default" + "default-content-group": "Default", + "description": "Description" }, "comment-page": { "enter-title": "Enter a title",