interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix too long name in menu

This commit is contained in:
Chocobozzz 2019-02-14 11:32:18 +01:00
parent 1f6d57e354
commit b7a7e801ac
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/app/menu/menu.component.html
View File

@ -5,8 +5,8 @@
<my-avatar-notification [user]="user"></my-avatar-notification> <my-avatar-notification [user]="user"></my-avatar-notification>
<div class="logged-in-info"> <div class="logged-in-info">
<a routerLink="/my-account/settings" class="logged-in-username">{{ user.account?.displayName }}</a> <a routerLink="/my-account/settings" class="logged-in-display-name">{{ user.account?.displayName }}</a>
<div class="logged-in-email">{{ user.username }}</div> <div class="logged-in-username">{{ user.username }}</div>
</div> </div>
<div class="logged-in-more" ngbDropdown placement="bottom-right"> <div class="logged-in-more" ngbDropdown placement="bottom-right">

7
client/src/app/menu/menu.component.scss
View File

@ -41,8 +41,11 @@ menu {
.logged-in-info { .logged-in-info {
flex-grow: 1; flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.logged-in-username { .logged-in-display-name {
font-size: 16px; font-size: 16px;
font-weight: $font-semibold; font-weight: $font-semibold;
color: var(--menuForegroundColor); color: var(--menuForegroundColor);
@ -51,7 +54,7 @@ menu {
@include disable-default-a-behaviour; @include disable-default-a-behaviour;
} }
.logged-in-email { .logged-in-username {
font-size: 13px; font-size: 13px;
color: #C6C6C6; color: #C6C6C6;
white-space: nowrap; white-space: nowrap;