Fix issue where not all events would be displayed due to missing scroll functionality if the table contained too many rows.
All checks were successful
Jenkins Production Deployment
All checks were successful
Jenkins Production Deployment
This commit is contained in:
parent
dfa00a85ad
commit
2d09046976
|
@ -103,3 +103,9 @@ p.password-mismatch {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Events table scrolling */
|
||||||
|
#events-table {
|
||||||
|
max-height: 90vh; /* or any height that fits your layout */
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -51,5 +51,7 @@
|
||||||
<span> | </span>
|
<span> | </span>
|
||||||
<button (click)="getEvents()">Reload Events</button>
|
<button (click)="getEvents()">Reload Events</button>
|
||||||
<div style="height: 1em;"></div>
|
<div style="height: 1em;"></div>
|
||||||
|
<div id="events-table">
|
||||||
<app-events-table [events]="this.events" [selectedCalendar]="getCalendarId(selectedCalendar)"></app-events-table>
|
<app-events-table [events]="this.events" [selectedCalendar]="getCalendarId(selectedCalendar)"></app-events-table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user