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:
parent
dfa00a85ad
commit
2d09046976
src/app/pages/admin
|
@ -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