From b7a7e801acb7cee7a7e0ce572240642daf32a128 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 14 Feb 2019 11:32:18 +0100 Subject: Fix too long name in menu --- client/src/app/menu/menu.component.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'client/src/app/menu/menu.component.scss') 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 { .logged-in-info { flex-grow: 1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; - .logged-in-username { + .logged-in-display-name { font-size: 16px; font-weight: $font-semibold; color: var(--menuForegroundColor); @@ -51,7 +54,7 @@ menu { @include disable-default-a-behaviour; } - .logged-in-email { + .logged-in-username { font-size: 13px; color: #C6C6C6; white-space: nowrap; -- cgit v1.2.3