FIX #11319 TIME 0:15 fix csss display name

src/frontend/app/sidebar/administration/admin-sidebar.component.html

@@ -10,7 +10,7 @@
       <button *ngIf="checkClose()" class="closePanel" mat-icon-button type="button" (tap)="snavLeftComponent.close();">
         <mat-icon fontSet="fas" fontIcon="fa-arrow-left fa-2x"></mat-icon>
       </button>
-      <div class="user" style="color: #F99830">
+      <div class="user" style="color: #F99830" title="{{authService.user.firstname}} {{authService.user.lastname}}">
         {{authService.user.firstname}} {{authService.user.lastname}}
       </div>
       <div *ngIf="authService.user.picture" class="avatar"

src/frontend/app/sidebar/administration/admin-sidebar.component.scss

@@ -52,6 +52,13 @@
   padding-top: 10px;
   font-weight: bold;
   font-size: 20px;
+  position: absolute;
+  max-width: 250px;
+  right: 0px;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-right: 10px;
 }
 
 .logout-button {

src/frontend/app/sidebar/sidebar.component.html

@@ -11,7 +11,7 @@
       <button *ngIf="checkClose()" class="closePanel" mat-icon-button type="button" (tap)="snavLeftComponent.close();">
         <mat-icon fontSet="fas" fontIcon="fa-arrow-left fa-2x"></mat-icon>
       </button>
-      <div class="user" style="color: #F99830">
+      <div class="user" style="color: #F99830" title="{{authService.user.firstname}} {{authService.user.lastname}}">
         {{authService.user.firstname}} {{authService.user.lastname}}
       </div>
       <div *ngIf="authService.user.picture" class="avatar"

src/frontend/app/sidebar/sidebar.component.scss

@@ -153,6 +153,13 @@
   padding-top: 10px;
   font-weight: bold;
   font-size: 20px;
+  position: absolute;
+  max-width: 250px;
+  right: 0px;
+  white-space: pre;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-right: 10px;
 }
 
 .logout-button {