From f9e24883381ddbf93df5074ec1c176973db44ed1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Fri, 24 Jun 2022 00:19:49 +0300
Subject: [PATCH] Active style for progress bar filters

---
 src/lib/misc/progress-bar/progress-bar.component.html | 4 ++--
 src/lib/misc/progress-bar/progress-bar.component.scss | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/misc/progress-bar/progress-bar.component.html b/src/lib/misc/progress-bar/progress-bar.component.html
index 4ca1311..3f37708 100644
--- a/src/lib/misc/progress-bar/progress-bar.component.html
+++ b/src/lib/misc/progress-bar/progress-bar.component.html
@@ -1,5 +1,5 @@
-<div (click)="selectValue()" [class.pointer]="filterKey && !!filterService">
-    <div [class.active]="filterChecked$ | async" class="details mb-6">
+<div (click)="selectValue()" [class.active]="filterChecked$ | async" [class.pointer]="filterKey && !!filterService">
+    <div class="details mb-6">
         <span>{{ config.count }} {{ config.label | translate }}</span>
         <mat-icon [svgIcon]="config.icon"></mat-icon>
     </div>
diff --git a/src/lib/misc/progress-bar/progress-bar.component.scss b/src/lib/misc/progress-bar/progress-bar.component.scss
index 0cb0bcc..dc7256e 100644
--- a/src/lib/misc/progress-bar/progress-bar.component.scss
+++ b/src/lib/misc/progress-bar/progress-bar.component.scss
@@ -27,6 +27,6 @@
     }
 }
 
-.active {
-    font-weight: 600;
+.active .indicator {
+    background-color: rgba(var(--iqser-primary-rgb), 0.4);
 }