Skip to content

Conversation

@DanielRyanSmith
Copy link
Contributor

@DanielRyanSmith DanielRyanSmith commented Jun 23, 2025

Staging link

This change adds a mobile-friendly view to the Interop dashboard. wpt.fyi has had essentially no mobile-friendly functionality, and the mobile view is simply a shrunken view of the desktop version of the site.

This change should have little to no effect on the desktop view of the site (with the exception of some small adjustments to the logo and title placement). Additionally, no other mobile view of the site except the Interop dashboard should be changed in any way.

Interop dashboard changes:

  • A new hamburger menu at the top to display the navigation menu.
  • Most content on the page is resized or reformatted when viewing on mobile for easier viewing and ingesting.
  • On mobile, the focus area and investigation tables are broken down into sub-tables to fit within the mobile viewport.
  • Interop scores by focus area now display a color gradient based on the overall score.

Before

Screen.recording.2025-06-23.4.54.25.PM.webm

After

Screen.recording.2025-06-23.4.51.59.PM.webm

@DanielRyanSmith DanielRyanSmith force-pushed the interop-dashboard-mobile branch from 2cf3e08 to 2fb2fe4 Compare June 24, 2025 00:16
@DanielRyanSmith DanielRyanSmith marked this pull request as ready for review June 24, 2025 03:30
Copy link
Collaborator

@jcscottiii jcscottiii left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM with some nits to consider.

@DanielRyanSmith DanielRyanSmith force-pushed the interop-dashboard-mobile branch from f89a875 to ba63939 Compare June 26, 2025 03:26
@DanielRyanSmith
Copy link
Contributor Author

@foolip I'm guessing this is a change we would want to run by the interop team before landing to make sure there are no objections. Perhaps you would also like to take a look?

@DanielRyanSmith DanielRyanSmith force-pushed the interop-dashboard-mobile branch from 02f8099 to 4929d71 Compare August 31, 2025 16:33
@foolip
Copy link
Member

foolip commented Sep 2, 2025

@jcscottiii just gave me a live demo of this and I tried it too, looks great I think!

@jcscottiii jcscottiii merged commit 87875f3 into main Sep 2, 2025
13 checks passed
@jcscottiii jcscottiii deleted the interop-dashboard-mobile branch September 2, 2025 13:41
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.

4 participants