Bugfix/fix alignment in menu of impersonation mode (#2284)

* Fix alignment

* Update changelog
This commit is contained in:
Thomas Kaul 2023-09-02 17:57:50 +02:00 committed by GitHub
parent 91013d1d10
commit 2519c3ffb0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 21 deletions

View File

@ -22,6 +22,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Fixed ### Fixed
- Fixed the alignment in the header navigation - Fixed the alignment in the header navigation
- Fixed the alignment in the menu of the impersonation mode
## 1.304.0 - 2023-08-27 ## 1.304.0 - 2023-08-27

View File

@ -129,33 +129,37 @@
<mat-menu #accountMenu="matMenu" xPosition="before"> <mat-menu #accountMenu="matMenu" xPosition="before">
<ng-container *ngIf="user?.access?.length > 0"> <ng-container *ngIf="user?.access?.length > 0">
<button mat-menu-item (click)="impersonateAccount(null)"> <button mat-menu-item (click)="impersonateAccount(null)">
<ion-icon <span class="align-items-center d-flex">
*ngIf="user?.access?.length > 0" <ion-icon
class="mr-2" *ngIf="user?.access?.length > 0"
[name]=" class="mr-2"
impersonationId [name]="
? 'radio-button-off-outline' impersonationId
: 'radio-button-on-outline' ? 'radio-button-off-outline'
" : 'radio-button-on-outline'
></ion-icon> "
<span i18n>Me</span> ></ion-icon>
<span i18n>Me</span>
</span>
</button> </button>
<button <button
*ngFor="let accessItem of user?.access" *ngFor="let accessItem of user?.access"
mat-menu-item mat-menu-item
(click)="impersonateAccount(accessItem.id)" (click)="impersonateAccount(accessItem.id)"
> >
<ion-icon <span class="align-items-center d-flex">
class="mr-2" <ion-icon
name="square-outline" class="mr-2"
[name]=" name="square-outline"
accessItem.id === impersonationId [name]="
? 'radio-button-on-outline' accessItem.id === impersonationId
: 'radio-button-off-outline' ? 'radio-button-on-outline'
" : 'radio-button-off-outline'
></ion-icon> "
<span *ngIf="accessItem.alias">{{ accessItem.alias }}</span> ></ion-icon>
<span *ngIf="!accessItem.alias" i18n>User</span> <span *ngIf="accessItem.alias">{{ accessItem.alias }}</span>
<span *ngIf="!accessItem.alias" i18n>User</span>
</span>
</button> </button>
<hr class="m-0" /> <hr class="m-0" />
</ng-container> </ng-container>