diff --git a/src/app/utils/create-comment-wrapper.ts b/src/app/utils/create-comment-wrapper.ts index 93706c1c24af01e487edafb5001e92062636c172..10a69fc62d62189dd5e93edfe1f43ff2cafd2859 100644 --- a/src/app/utils/create-comment-wrapper.ts +++ b/src/app/utils/create-comment-wrapper.ts @@ -10,6 +10,7 @@ import { CommentService } from '../services/http/comment.service'; import { observable, Observable, of } from 'rxjs'; import { flatMap } from 'rxjs/internal/operators'; import { tap } from 'rxjs/operators'; +import { MatSnackBarConfig } from '@angular/material/snack-bar'; export class CreateCommentWrapper { constructor(private translateService: TranslateService, @@ -36,6 +37,9 @@ export class CreateCommentWrapper { send(comment: Comment): Observable<Comment> { let message; + const config: MatSnackBarConfig = { + panelClass: ['snackbar'] + }; if (this.room.directSend) { this.translateService.get('comment-list.comment-sent').subscribe(msg => { message = msg; @@ -44,10 +48,11 @@ export class CreateCommentWrapper { } else { this.translateService.get('comment-list.comment-sent-to-moderator').subscribe(msg => { message = msg; + (config.panelClass as string[]).push('important'); }); } return this.commentService.addComment(comment).pipe( - tap(() => this.notificationService.show(message)) + tap(() => this.notificationService.show(message, null, config)) ); } } diff --git a/src/theme/light-theme/_form.scss b/src/theme/light-theme/_form.scss index 47cac97e8f4a0c6118cfecdd814e7d7e9fd0ea11..3c2075507e62a40f7390d0c90a4d63920880acf9 100644 --- a/src/theme/light-theme/_form.scss +++ b/src/theme/light-theme/_form.scss @@ -19,6 +19,12 @@ mat-form-field.input-block { color: var(--on-secondary); } +.snackbar.important { + background-color: var(--red); + color: var(--white); + font-weight: bolder; +} + .snackbar button { background-color: var(--primary); color: var(--on-primary) !important;