From e2b95330ea7f6235b0cae1c1e50ee67fae11c7e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 12 Nov 2019 16:06:00 +0100
Subject: [PATCH] Fix styles for tag selection
---
.../create-comment/create-comment.component.html | 2 +-
.../create-comment/create-comment.component.scss | 11 +++++++++++
2 files changed, 12 insertions(+), 1 deletion(-)
diff --git a/src/app/components/shared/_dialogs/create-comment/create-comment.component.html b/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
index f6bf1e6e0..8ce7e5a0d 100644
--- a/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
+++ b/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
@@ -8,7 +8,7 @@
</mat-form-field>
<mat-form-field *ngIf="tags !== null">
- <mat-label>{{ 'comment-page.tag' || translate }}</mat-label>
+ <mat-label>{{ 'comment-page.tag' | translate }}</mat-label>
<mat-select [(ngModel)]="selectedTag" class="comment-tag">
<mat-option *ngFor="let tag of tags" value="{{tag}}">{{tag}}</mat-option>
</mat-select>
diff --git a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
index 980812d8b..b95058ec5 100644
--- a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
+++ b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
@@ -50,3 +50,14 @@ mat-hint {
background-color: var(--on-surface)!important;
}
+::ng-deep .mat-select-arrow-wrapper .mat-select-arrow {
+ color: var(--on-surface);
+}
+
+::ng-deep .mat-select-value-text {
+ color: var(--on-surface);
+}
+
+::ng-deep .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
+ color: var(--primary);
+}
--
GitLab