aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-02-14 11:32:18 +0100
committerChocobozzz <me@florianbigard.com>2019-02-14 11:32:18 +0100
commitd4804eead75bfaf41c3150d19e380ff4229d6226 (patch)
tree861ea7aa1e0927bed08dece54f464b291f71791f
parent6e8cf67a6f7c20f9e43dd7bfc111f6b494e11c50 (diff)
downloadPeerTube-d4804eead75bfaf41c3150d19e380ff4229d6226.tar.gz
PeerTube-d4804eead75bfaf41c3150d19e380ff4229d6226.tar.zst
PeerTube-d4804eead75bfaf41c3150d19e380ff4229d6226.zip
Fix too long name in menu
-rw-r--r--client/src/app/menu/menu.component.html4
-rw-r--r--client/src/app/menu/menu.component.scss7
2 files changed, 7 insertions, 4 deletions
diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html
index aa5bfa9c9..1e532ec13 100644
--- a/client/src/app/menu/menu.component.html
+++ b/client/src/app/menu/menu.component.html
@@ -5,8 +5,8 @@
5 <my-avatar-notification [user]="user"></my-avatar-notification> 5 <my-avatar-notification [user]="user"></my-avatar-notification>
6 6
7 <div class="logged-in-info"> 7 <div class="logged-in-info">
8 <a routerLink="/my-account/settings" class="logged-in-username">{{ user.account?.displayName }}</a> 8 <a routerLink="/my-account/settings" class="logged-in-display-name">{{ user.account?.displayName }}</a>
9 <div class="logged-in-email">{{ user.username }}</div> 9 <div class="logged-in-username">{{ user.username }}</div>
10 </div> 10 </div>
11 11
12 <div class="logged-in-more" ngbDropdown placement="bottom-right"> 12 <div class="logged-in-more" ngbDropdown placement="bottom-right">
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index f30b89413..69704674a 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -41,8 +41,11 @@ menu {
41 41
42 .logged-in-info { 42 .logged-in-info {
43 flex-grow: 1; 43 flex-grow: 1;
44 white-space: nowrap;
45 overflow: hidden;
46 text-overflow: ellipsis;
44 47
45 .logged-in-username { 48 .logged-in-display-name {
46 font-size: 16px; 49 font-size: 16px;
47 font-weight: $font-semibold; 50 font-weight: $font-semibold;
48 color: var(--menuForegroundColor); 51 color: var(--menuForegroundColor);
@@ -51,7 +54,7 @@ menu {
51 @include disable-default-a-behaviour; 54 @include disable-default-a-behaviour;
52 } 55 }
53 56
54 .logged-in-email { 57 .logged-in-username {
55 font-size: 13px; 58 font-size: 13px;
56 color: #C6C6C6; 59 color: #C6C6C6;
57 white-space: nowrap; 60 white-space: nowrap;