From 6925e3b5bee7b22b78c74d313ba46b92425c3f44 Mon Sep 17 00:00:00 2001
From: Alex ORLUC <alex.orluc@maarch.org>
Date: Tue, 20 Aug 2019 15:11:17 +0200
Subject: [PATCH] FIX #11319 TIME 0:15 fix csss display name
---
.../sidebar/administration/admin-sidebar.component.html | 2 +-
.../sidebar/administration/admin-sidebar.component.scss | 7 +++++++
src/frontend/app/sidebar/sidebar.component.html | 2 +-
src/frontend/app/sidebar/sidebar.component.scss | 7 +++++++
4 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/src/frontend/app/sidebar/administration/admin-sidebar.component.html b/src/frontend/app/sidebar/administration/admin-sidebar.component.html
index 8db103ab05..c78d394ee4 100644
--- a/src/frontend/app/sidebar/administration/admin-sidebar.component.html
+++ b/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"
diff --git a/src/frontend/app/sidebar/administration/admin-sidebar.component.scss b/src/frontend/app/sidebar/administration/admin-sidebar.component.scss
index 7249e5b399..c13943917e 100644
--- a/src/frontend/app/sidebar/administration/admin-sidebar.component.scss
+++ b/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 {
diff --git a/src/frontend/app/sidebar/sidebar.component.html b/src/frontend/app/sidebar/sidebar.component.html
index eded2807d0..1121f97951 100755
--- a/src/frontend/app/sidebar/sidebar.component.html
+++ b/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"
diff --git a/src/frontend/app/sidebar/sidebar.component.scss b/src/frontend/app/sidebar/sidebar.component.scss
index cb96e2c7ef..6bbcf33d8e 100644
--- a/src/frontend/app/sidebar/sidebar.component.scss
+++ b/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 {
--
GitLab