Fix issue where not all events would be displayed due to missing scroll functionality if the table contained too many rows.

This commit is contained in:
Patrick Müller 2024-11-02 19:02:41 +01:00
parent dfa00a85ad
commit 2d09046976
Signed by: Paddy
GPG Key ID: D10B5E2CFD8E7C6D
2 changed files with 9 additions and 1 deletions

View File

@ -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;
}

View File

@ -51,5 +51,7 @@
<span>&nbsp; | &nbsp;</span> <span>&nbsp; | &nbsp;</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>