sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

#2109 Notification Popup Scrollverhalten angepasst

Browse Source
This commit is contained in:
Andreas Schickinger
2021-09-29 17:36:05 +02:00
parent 1d42a2cf6c
commit 83c36aff02
4 changed files with 26 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/modal/notifications/src/lib/notifications-remission-group/notifications-remission-group.component.html
View File

@@ -8,10 +8,12 @@
</div>
<hr />
<ng-container *ngFor="let notification of notifications">
<modal-notifications-list-item [item]="notification" (itemSelected)="itemSelected($event)"></modal-notifications-list-item>
<hr />
</ng-container>
<div class="notification-list scroll-bar">
<ng-container *ngFor="let notification of notifications">
<modal-notifications-list-item [item]="notification" (itemSelected)="itemSelected($event)"></modal-notifications-list-item>
<hr />
</ng-container>
</div>
<div class="actions">
<a class="cta-primary" [routerLink]="['/remission/create']" (click)="navigated.emit()">

10
apps/modal/notifications/src/lib/notifications-reservation-group/notifications-reservation-group.component.html
View File

@@ -8,10 +8,12 @@
</div>
<hr />
<ng-container *ngFor="let notification of notifications">
<modal-notifications-list-item [item]="notification" (itemSelected)="itemSelected($event)"></modal-notifications-list-item>
<hr />
</ng-container>
<div class="notification-list scroll-bar">
<ng-container *ngFor="let notification of notifications">
<modal-notifications-list-item [item]="notification" (itemSelected)="itemSelected($event)"></modal-notifications-list-item>
<hr />
</ng-container>
</div>
<div class="actions">
<a class="cta-primary" [routerLink]="['/goods/in', 'reservation']" (click)="navigated.emit()">

10
apps/modal/notifications/src/lib/notifications-task-calendar-group/notifications-task-calendar-group.component.html
View File

@@ -8,10 +8,12 @@
</div>
<hr />
<ng-container *ngFor="let notification of notifications">
<modal-notifications-list-item [item]="notification" (itemSelected)="itemSelected($event)"></modal-notifications-list-item>
<hr />
</ng-container>
<div class="notification-list scroll-bar">
<ng-container *ngFor="let notification of notifications">
<modal-notifications-list-item [item]="notification" (itemSelected)="itemSelected($event)"></modal-notifications-list-item>
<hr />
</ng-container>
</div>
<div class="actions">
<a class="cta-primary" [routerLink]="['/task-calendar/calendar']" (click)="navigated.emit()">

9
apps/modal/notifications/src/lib/notifications.component.scss
View File

@@ -45,6 +45,13 @@ modal-notifications {
width: calc(100% + 2rem);
}
.notification-list {
@apply overflow-y-scroll -ml-4;
max-height: calc(100vh - 400px);
width: calc(100% + 2rem);
overflow-x: hidden;
}
.actions {
@apply grid justify-center mt-8;
@@ -55,7 +62,7 @@ modal-notifications {
}
modal-notifications-list-item {
@apply flex flex-col relative py-1;
@apply flex flex-col relative py-1 px-4;
.notification-headline {
@apply flex flex-row justify-between items-start;