From 4f9cab9f375004ad396f80b5641de52a78e3d862 Mon Sep 17 00:00:00 2001
From: "hamza.hramchi" <hamza.hramchi@xelians.fr>
Date: Tue, 6 Apr 2021 15:21:38 +0200
Subject: [PATCH] FEAT #16648 TIME 0:20 change the tab indicator if I click on
it again
---
src/frontend/app/sidebar/sidebar.component.html | 6 +++---
src/frontend/app/sidebar/sidebar.component.scss | 4 ++++
2 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/src/frontend/app/sidebar/sidebar.component.html b/src/frontend/app/sidebar/sidebar.component.html
index 7ebd2134b5..cf8c43d504 100755
--- a/src/frontend/app/sidebar/sidebar.component.html
+++ b/src/frontend/app/sidebar/sidebar.component.html
@@ -50,17 +50,17 @@
<ion-header *ngIf="!isAdminRoute()" style="background: white;">
<ion-toolbar class="filters">
<ion-segment value="heart" [value]="signaturesService.mode">
- <ion-segment-button value="sign" (click)="filter('sign')">
+ <ion-segment-button value="sign" (click)="filter('sign')" [class.segment-button-notFocused]="signaturesService.mode !== 'sign'">
<ion-label>{{'lang.signLabel' | translate | titlecase}}</ion-label>
<ion-icon color="primary" name="pencil-outline"></ion-icon>
<ion-badge color="secondary">{{signaturesService.documentsListCount.sign}}</ion-badge>
</ion-segment-button>
- <ion-segment-button value="visa" (click)="filter('visa')">
+ <ion-segment-button value="visa" (click)="filter('visa')" [class.segment-button-notFocused]="signaturesService.mode !== 'visa'">
<ion-label>{{'lang.visaLabel' | translate | titlecase}}</ion-label>
<ion-icon color="primary" name="checkmark-done-outline"></ion-icon>
<ion-badge color="secondary">{{signaturesService.documentsListCount.visa}}</ion-badge>
</ion-segment-button>
- <ion-segment-button value="note" (click)="filter('note')">
+ <ion-segment-button value="note" (click)="filter('note')" [class.segment-button-notFocused]="signaturesService.mode !== 'note'">
<ion-label>{{'lang.noteLabel' | translate | titlecase}}</ion-label>
<ion-icon color="primary" name="chatbubble-ellipses-outline"></ion-icon>
<ion-badge color="secondary">{{signaturesService.documentsListCount.note}}</ion-badge>
diff --git a/src/frontend/app/sidebar/sidebar.component.scss b/src/frontend/app/sidebar/sidebar.component.scss
index 17d5711123..ec158576f9 100644
--- a/src/frontend/app/sidebar/sidebar.component.scss
+++ b/src/frontend/app/sidebar/sidebar.component.scss
@@ -231,4 +231,8 @@ ion-item.selected {
left: 40px;
font-size: 14px;
bottom: 10px;
+}
+
+.segment-button-notFocused {
+ --indicator-color: none;
}
\ No newline at end of file
--
GitLab