mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-24 22:58:30 +01:00
Code Issues Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/nymkappa/fix-menu-scroll' into nymkappa/mega-branch

Browse source
This commit is contained in:
nymkappa 2023-10-04 12:10:28 +02:00
commit e9b72776ed
No known key found for this signature in database
GPG key ID: E155910B16E8BD04
2 changed files with 11 additions and 2 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>

11
frontend/src/app/components/menu/menu.component.scss
View file

@ -9,11 +9,20 @@
margin-left: -250px; margin-left: -250px;
box-shadow: 5px 0px 30px 0px #000; box-shadow: 5px 0px 30px 0px #000;
padding-bottom: 20px; padding-bottom: 20px;
@media (max-width: 613px) {
top: 105px;
}
}
.ellipsis {
display: block;
overflow: hidden;
text-overflow: ellipsis;
} }
.scrollable { .scrollable {
overflow-x: hidden; overflow-x: hidden;
overflow-y: scroll; overflow-y: auto;
} }
.sidenav.open { .sidenav.open {