From 2384da1259e210c0c436d6fad1d7ac36a6418038 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sat, 8 Jan 2022 09:23:30 +0100
Subject: [PATCH] style: keep tab label highlighted after losing focus

This commit closes #108
---
 .../channel-list-container.component.html                   | 2 +-
 src/styles.scss                                             | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/player/components/channel-list-container/channel-list-container.component.html b/src/app/player/components/channel-list-container/channel-list-container.component.html
index 7f818887b..9e9293793 100644
--- a/src/app/player/components/channel-list-container/channel-list-container.component.html
+++ b/src/app/player/components/channel-list-container/channel-list-container.component.html
@@ -1,4 +1,4 @@
-<mat-tab-group>
+<mat-tab-group color="primary" backgroundColor="primary">
     <mat-tab [label]="'CHANNELS.ALL_CHANNELS' | translate">
         <mat-list>
             <mat-list-item>
diff --git a/src/styles.scss b/src/styles.scss
index d6a759f6f..f73f665c8 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -32,6 +32,12 @@ html {
     height: 54px;
 }
 
+::ng-deep {
+    .mat-tab-label-active {
+        opacity: 1 !important;
+    }
+}
+
 input,
 button,
 textarea,