inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-24 17:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

14
projects/aca-content/src/lib/components/common/user-info/user-info.component.html
View File

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

5
projects/aca-content/src/lib/components/common/user-info/user-info.component.scss
View File

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

2
projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss
View File

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