diff --git a/src/frontend/app/sidebar/sidebar.component.html b/src/frontend/app/sidebar/sidebar.component.html index 7ebd2134b57c99d0eae36ee2d8ca4983b9eab523..cf8c43d5049cd09dd4f768970583a16481d0cc13 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 17d5711123a106874821afaf19a73ba7fab98ce2..ec158576f958bf6fc7f47dfc07b0d42e091270fd 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