Resolve "Fix UI/UX minor issues based on Angular v17 update"
Related issues
Closes #136 (closed)
Acceptance criteria
-
Implemented code changes don't diverge from the related issue. -
Version number is incremented according to SemVer. (Snapshot versions are not merged/released.) -
Only released versions of dependencies are used (i.e. no snapshot versions). -
Pipeline still works. -
GitLab issue is up-to-date.
Proposed squash commit message
Fix minor ui/ux issues occured by updating Angular to v17
- Add matdialog structure including mat-dialog-content for the shown qr code and some text to
- Add matdialog structure including mat-dialog-actions for a button panel.
- Remove any usage of div elements as these elements lead to style issues in a matdialog.
- Remove landscape mode from share-qr-dialog to make dialog style less compless and to avoid issues caused by switching between landscape and portrait mode depending on the screen resolution / browser window size.
- Replace mat-list-avatar attribute of mat-icon by matListItemAvatar
- Add custom style for profile panel to app.component.scss
- the signature pad's canvas is now properly scaled when resizing the window.
- this is done by adding another reference to the signature pad, this time using an ElementRef. This is needed to access the canvas of the ElementRef, i.e. the actual signable area of the signature pad.