From a50d937008050e10365be6b96b32932ffff80547 Mon Sep 17 00:00:00 2001 From: Alex Orluc <alex.orluc@maarch.org> Date: Thu, 22 Mar 2018 16:08:25 +0100 Subject: [PATCH] FIX #245 accent opacity for slide-toogle disabled --- .../Views/basket-administration.component.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/apps/maarch_entreprise/Views/basket-administration.component.html b/apps/maarch_entreprise/Views/basket-administration.component.html index fb06e653c15..ed690a44c18 100644 --- a/apps/maarch_entreprise/Views/basket-administration.component.html +++ b/apps/maarch_entreprise/Views/basket-administration.component.html @@ -65,22 +65,22 @@ (click)="snav2.toggle()"></mat-icon> </mat-form-field> <div class="col-md-4 col-xs-4 text-center"> - <mat-slide-toggle color="primary" matTooltip="{{lang.isSearchBasket}}" name="isSearchBasket" [(ngModel)]="basket.isSearchBasket"> + <mat-slide-toggle [ngStyle]="{'opacity': basket.isSearchBasket ? '' : '0.3'}" color="primary" matTooltip="{{lang.isSearchBasket}}" name="isSearchBasket" [(ngModel)]="basket.isSearchBasket"> - <mat-icon color="primary" [ngStyle]="{'opacity': basket.isSearchBasket ? '' : '0.5'}" style="width: auto;" class="fa fa-search fa-2x"></mat-icon> + <mat-icon color="primary" style="width: auto;" class="fa fa-search fa-2x"></mat-icon> </mat-slide-toggle> </div> <div class="col-md-4 col-xs-4 text-center"> - <mat-slide-toggle color="primary" matTooltip="{{lang.isFolderBasket}}" name="isFolderBasket" [(ngModel)]="basket.isFolderBasket"> + <mat-slide-toggle [ngStyle]="{'opacity': basket.isFolderBasket ? '' : '0.3'}" color="primary" matTooltip="{{lang.isFolderBasket}}" name="isFolderBasket" [(ngModel)]="basket.isFolderBasket"> - <mat-icon [ngStyle]="{'opacity': basket.isFolderBasket ? '' : '0.5'}" style="width: auto;" class="fa fa-folder fa-2x"></mat-icon> + <mat-icon style="width: auto;" class="fa fa-folder fa-2x"></mat-icon> </mat-slide-toggle> </div> <div class="col-md-4 col-xs-4 text-center"> - <mat-slide-toggle color="primary" matTooltip="{{lang.basketNotification}}" name="flagNotif" [(ngModel)]="basket.flagNotif"> + <mat-slide-toggle [ngStyle]="{'opacity': basket.flagNotif ? '' : '0.3'}" color="primary" matTooltip="{{lang.basketNotification}}" name="flagNotif" [(ngModel)]="basket.flagNotif"> - <mat-icon [ngStyle]="{'opacity': basket.flagNotif ? '' : '0.5'}" style="width: auto;" class="fa fa-bell fa-2x"></mat-icon> + <mat-icon style="width: auto;" class="fa fa-bell fa-2x"></mat-icon> </mat-slide-toggle> </div> <div class="col-md-12 text-center" style="padding:10px;"> -- GitLab