Skip to content

feat(incident timeline): add pagination and interval support#29

Open
balazstasi wants to merge 1 commit intomrshu:masterfrom
balazstasi:feat/incident-timeline-pagination
Open

feat(incident timeline): add pagination and interval support#29
balazstasi wants to merge 1 commit intomrshu:masterfrom
balazstasi:feat/incident-timeline-pagination

Conversation

@balazstasi
Copy link
Copy Markdown

@balazstasi balazstasi commented Apr 29, 2026

Summary

Replaces the binary Show more / Show fewer toggle on the Incident Timeline with proper page-based pagination and a simple native calendar interval option to filter for a specific interval

Screenshot

image

Changes

  • 4 date groups per page — keeps the timeline viewable without scrolling
  • ‹ Page X of Y › navigation in the top-right panel header, matching the existing Uptime History controls style
  • Reuses .icon-button styling for prev/next arrows; adds .pagination and .pagination-label CSS
  • Removes the bottom footer toggle — controls live only in the panel header
  • Buttons disable at first/last page bounds
  • Works in both light and dark themes via existing CSS variables

@balazstasi balazstasi changed the title feat: add pagination to incident timeline feat(incident timeline): add pagination Apr 29, 2026
@balazstasi balazstasi force-pushed the feat/incident-timeline-pagination branch 6 times, most recently from 49db4e4 to a884e48 Compare April 29, 2026 09:01
@balazstasi balazstasi changed the title feat(incident timeline): add pagination feat(incident timeline): add pagination and interval support Apr 29, 2026
@balazstasi balazstasi force-pushed the feat/incident-timeline-pagination branch 2 times, most recently from ad46b8e to fab54a4 Compare April 29, 2026 09:03
Replace the binary Show more/fewer toggle with proper page-based
pagination (4 date groups per page). Navigation uses prev/next arrow
buttons with a 'Page X of Y' label in the top-right corner of the
panel header, consistent with the existing Uptime History controls.

- Swap showAll boolean for currentPage / ITEMS_PER_PAGE logic
- Reuse .icon-button styling for prev/next arrows
- Add .pagination and .pagination-label CSS
- Remove bottom footer toggle — controls live only in panel header

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@balazstasi balazstasi force-pushed the feat/incident-timeline-pagination branch from fab54a4 to 016589c Compare April 29, 2026 09:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant