dashboard icon indicating copy to clipboard operation
dashboard copied to clipboard

Improve layout on smaller screens

Open samueldurantes opened this issue 1 year ago • 2 comments

Expected behavior

The expected behavior is for the dashboard to be readable on a mobile device.

Actual behaviour

You don't have much clarity and a lot of the content is cut off when you're on a mobile device.

Steps to reproduce the bug

  1. Open browser dev tools
  2. Toogle device toolbar
  3. Select mobile interface

Additional info

image image

samueldurantes avatar Feb 22 '24 17:02 samueldurantes

Hi @samueldurantes, thanks for the issue.

The Dashboard is not currently designed for use on smaller screens. There are a number of challenges due to the amount and variety of data it displays, and it hasn't previously been requested by users as for the most part they are accessing it on devices with larger screens anyway.

That said, there may be some things we could do to improve the situation, such as allowing horizontal scroll on tables. However, a larger redesign to a fully responsive layout is unlikely to happen in the near future.

If there are specific changes you think would be helpful it would be great to hear them.

/remove-kind bug /kind feature /kind design

AlanGreene avatar Feb 22 '24 18:02 AlanGreene

In the meantime, switching the device to landscape orientation provides a much more usable experience.

image

AlanGreene avatar Feb 28 '24 11:02 AlanGreene

Additional improvements delivered to the PipelineRun details page as part of #2306, including the task list which will switch between vertical and horizontal tabs depending on available space.

As mentioned above, a larger redesign to a fully responsive layout is unlikely to happen in the near future. Closing this issue for now.

AlanGreene avatar Aug 02 '25 11:08 AlanGreene