[ACS-7286] Fix topbar user info issues (#3720)

This commit is contained in:
tomson
2024-03-21 13:18:22 +01:00
committed by MichalKinas
parent 04310a1b62
commit 5f92453ea7
3 changed files with 14 additions and 7 deletions

View File

@@ -1,11 +1,13 @@
<div mat-menu-item class="aca-user-info" [routerLink]="['/profile']" title="{{ 'APP.TOOLTIPS.MY_PROFILE' | translate }}">
<ng-container *ngIf="user$ | async as user">
<button class="aca-user-info-button">
<div>{{ user.initials || 'U' }}</div>
</button>
<div class="aca-user-info-details">
<div>{{ user.userName }}</div>
<div>{{ user.email }}</div>
<div class="aca-user-info-content">
<button class="aca-user-info-button">
<div>{{ user.initials || 'U' }}</div>
</button>
<div class="aca-user-info-details">
<div>{{ user.userName }}</div>
<div>{{ user.email }}</div>
</div>
</div>
</ng-container>
</div>

View File

@@ -3,6 +3,11 @@
height: 66px;
align-items: center;
&-content {
display: flex;
align-items: center;
}
&-button {
border-radius: 90%;
height: 32px;

View File

@@ -2,7 +2,7 @@
border-radius: 90%;
height: 32px;
margin-right: 0;
min-width: 32px;
min-width: 36px;
padding: 0;
font-weight: 700;
line-height: 32px;