X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fmenu%2Fmenu.component.scss;h=137df6fc1a92d45aaf9b3bc5530f7aa2d9e9ae07;hb=ef80c66cea945d315336251dbb5efcb06c64189d;hp=69704674aa5a9a9a90c1787417f86eb5da250631;hpb=b7a7e801acb7cee7a7e0ce572240642daf32a128;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index 69704674a..137df6fc1 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss @@ -10,12 +10,12 @@ } menu { + @include ellipsis; + background-color: var(--menuBackgroundColor); margin: 0; padding: 0; height: 100%; - white-space: nowrap; - text-overflow: ellipsis; overflow: auto; color: var(--menuForegroundColor); display: flex; @@ -40,10 +40,9 @@ menu { margin-bottom: 35px; .logged-in-info { + @include ellipsis; + flex-grow: 1; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; .logged-in-display-name { font-size: 16px; @@ -55,11 +54,10 @@ menu { } .logged-in-username { + @include ellipsis; + font-size: 13px; color: #C6C6C6; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; max-width: 140px; } }