From 04fcda5a179d6cba2efa6d7eba0623587b5c2c64 Mon Sep 17 00:00:00 2001 From: Stefan Plociennik <stefan.plociennik@mni.thm.de> Date: Fri, 21 May 2021 16:44:25 +0200 Subject: [PATCH] change button style; removed expansion panel header icon --- .../topic-cloud-administration.component.html | 10 +++------- .../topic-cloud-administration.component.scss | 4 ++++ 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html index cacb1d3df..1ec035038 100644 --- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html +++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.html @@ -11,13 +11,12 @@ {{'topic-cloud-dialog.hide-irrelevant' | translate}} </mat-slide-toggle> - <mat-accordion hideToggle class="new-Badword" multi> + <mat-accordion class="new-Badword" multi> <mat-expansion-panel class="color-background" (opened)="enterBadword = true; focusInput('bad-word-input')" (closed)="enterBadword = false"> <mat-expansion-panel-header class="color-background"> <mat-panel-description> {{'topic-cloud-dialog.edit-profanity-list' | translate}} - <mat-icon>{{!enterBadword ? 'add' : 'remove'}}</mat-icon> </mat-panel-description> </mat-expansion-panel-header> @@ -26,8 +25,7 @@ <input matInput id="bad-word-input" [(ngModel)]="newBadWord"> </mat-form-field> - <button mat-button color="primary" (click)="addBadword()"> - <mat-icon>add_circle</mat-icon> + <button mat-stroked-button color="primary" class="margin-left" (click)="addBadword()"> {{'topic-cloud-dialog.add-word' | translate}} </button> @@ -54,7 +52,6 @@ <mat-expansion-panel-header class="color-background"> <mat-panel-description> {{'topic-cloud-dialog.edit-irrelevant-list' | translate}} - <mat-icon>{{!enterIrrelevantWord ? 'add' : 'remove'}}</mat-icon> </mat-panel-description> </mat-expansion-panel-header> @@ -63,8 +60,7 @@ <input matInput id="irrelevant-word-input" [(ngModel)]="newIrrelevantWord"> </mat-form-field> - <button mat-button color="primary" (click)="addIrrelevantWord()"> - <mat-icon>add_circle</mat-icon> + <button mat-stroked-button color="primary" class="margin-left" (click)="addIrrelevantWord()"> {{'topic-cloud-dialog.add-word' | translate}} </button> diff --git a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss index 2fd45e9a7..23a59a200 100644 --- a/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss +++ b/src/app/components/shared/_dialogs/topic-cloud-administration/topic-cloud-administration.component.scss @@ -8,6 +8,10 @@ margin-right: 16px; } +.margin-left { + margin-left: 8px; +} + .primary { color: var(--primary); background: none; -- GitLab