fix: show uptime history bar chart on mobile status page #28

Closed
opened 2026-04-05 16:18:43 +02:00 by MrUnknownDE · 0 comments
Owner

Originally created by @mvanhorn on 3/17/2026

Fixes #2049

Summary

  • The uptime history bar chart was hidden on mobile view of the status page due to hidden sm:block responsive classes
  • The "90 days ago / Today" time labels were similarly hidden with hidden sm:flex
  • Replaced with overflow-x-auto and flex so the chart and labels are visible on all screen sizes, with horizontal scrolling on small screens

Changes

  • MonitorOverview.tsx: Removed hidden sm:block from the chart container, replaced overflow-hidden with overflow-x-auto
  • MonitorOverview.tsx: Removed hidden sm:flex from the time labels container, replaced with flex

Developed with AI assistance (Claude Code)

*Originally created by @mvanhorn on 3/17/2026* Fixes #2049 ## Summary - The uptime history bar chart was hidden on mobile view of the status page due to `hidden sm:block` responsive classes - The "90 days ago / Today" time labels were similarly hidden with `hidden sm:flex` - Replaced with `overflow-x-auto` and `flex` so the chart and labels are visible on all screen sizes, with horizontal scrolling on small screens ## Changes - `MonitorOverview.tsx`: Removed `hidden sm:block` from the chart container, replaced `overflow-hidden` with `overflow-x-auto` - `MonitorOverview.tsx`: Removed `hidden sm:flex` from the time labels container, replaced with `flex` --- Developed with AI assistance (Claude Code)
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/oneuptime#28