fix width right panel

apps/maarch_entreprise/Views/user-administration.component.html

@@ -10,7 +10,7 @@
             <small [class.hide-for-mobile]="mobileQuery.matches">{{user.lastname}} {{user.firstname}}</small>
         </h1>
         <span style="flex: 1 1 auto;"></span>
-        <button mat-icon-button (click)="snav2.toggle()">
+        <button mat-icon-button (click)="snav2.toggle()" *ngIf="!creationMode">
             <mat-icon class="fa fa-gear fa-2x"></mat-icon>
         </button>
     </mat-toolbar>
@@ -228,8 +228,8 @@
                 </mat-tab-group>
             </mat-card>
         </mat-sidenav-content>
-        <mat-sidenav #snav2 [mode]="mobileQuery.matches ? 'over' : 'side'" [fixedInViewport]="mobileQuery.matches" fixedTopGap="56"
-            position='end' [opened]="mobileQuery.matches ? false : true" style="overflow-x:hidden;">
+        <mat-sidenav *ngIf="!creationMode" #snav2 [mode]="mobileQuery.matches ? 'over' : 'side'" [fixedInViewport]="mobileQuery.matches" fixedTopGap="56"
+            position='end' [opened]="mobileQuery.matches ? false : true" style="overflow-x:hidden;max-width:500px;">
             <mat-list>
                 <h3 mat-subheader>{{lang.groups}}</h3>
                 <mat-list-item *ngFor="let userGroup of user.groups">
@@ -266,7 +266,7 @@
                 </mat-list-item>
                 <mat-divider></mat-divider>
                 <h3 mat-subheader>{{lang.baskets}}</h3>
-                <ng-container *ngFor="let basket of user.baskets | sortBy : 'basket_name';let i = index">
+                <ng-container *ngFor="let basket of user.baskets;let i = index">
                     <mat-list-item *ngIf="basket.group_id && basket.userToDisplay == ''">
                         <mat-icon mat-list-icon color="primary" *ngIf="basket.enabled" style="margin-top:-70px;">
                             <mat-slide-toggle matTooltip="activer / désactiver la bannette" color="primary" [(ngModel)]="basket.allowed" (change)="toggleBasket(basket)"
@@ -301,7 +301,7 @@
                 </ng-container>
                 <mat-divider></mat-divider>
                 <h3 mat-subheader>{{lang.basketsRedirected}}</h3>
-                <ng-container *ngFor="let basket of user.baskets | sortBy : 'basket_name';let i = index">
+                <ng-container *ngFor="let basket of user.baskets;let i = index">
                     <mat-list-item *ngIf="basket.group_id && basket.userToDisplay != ''">
                         <mat-icon mat-list-icon color="primary" *ngIf="basket.enabled" style="margin-top:-60px;" class="fa fa-paper-plane-o">
                         </mat-icon>
@@ -320,7 +320,7 @@
                 </ng-container>
                 <mat-divider></mat-divider>
                 <h3 mat-subheader>{{lang.basketsAssigned}}</h3>
-                <ng-container *ngFor="let basket of user.baskets | sortBy : 'basket_name';let i = index">
+                <ng-container *ngFor="let basket of user.baskets;let i = index">
                     <mat-list-item *ngIf="!basket.group_id">
                         <mat-icon mat-list-icon color="primary" style="margin-top:-60px;" class="fa fa-reply">
                         </mat-icon>