machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[UI] menu username ellipsis

Browse Source
This commit is contained in:
nymkappa 2023-09-13 09:30:11 +02:00
parent e3fffd8fb2
commit a000438277
No known key found for this signature in database
GPG Key ID: E155910B16E8BD04
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/menu/menu.component.html
View File

@ -3,7 +3,7 @@
<nav class="scrollable menu-click"> <nav class="scrollable menu-click">
<span *ngIf="userAuth" class="menu-click"> <span *ngIf="userAuth" class="menu-click">
<strong class="menu-click">@ {{ userAuth.user.username }}</strong> <strong class="menu-click text-nowrap ellipsis">@ {{ userAuth.user.username }}</strong>
</span> </span>
<a *ngIf="!userAuth" class="d-flex justify-content-center align-items-center nav-link m-0 menu-click" routerLink="/login" role="tab" (click)="onLinkClick('/login')"> <a *ngIf="!userAuth" class="d-flex justify-content-center align-items-center nav-link m-0 menu-click" routerLink="/login" role="tab" (click)="onLinkClick('/login')">
<fa-icon class="menu-click" [icon]="['fas', 'user-circle']" [fixedWidth]="true" style="font-size: 25px;margin-right: 15px;"></fa-icon> <fa-icon class="menu-click" [icon]="['fas', 'user-circle']" [fixedWidth]="true" style="font-size: 25px;margin-right: 15px;"></fa-icon>

6
frontend/src/app/components/menu/menu.component.scss
View File

@ -14,6 +14,12 @@
} }
} }
.ellipsis {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.scrollable { .scrollable {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;