tektoncd / dashboard

A dashboard for Tekton!
Apache License 2.0
868 stars 265 forks source link

Improve layout on smaller screens #3327

Open samueldurantes opened 7 months ago

samueldurantes commented 7 months ago

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
AlanGreene commented 7 months ago

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 commented 7 months ago

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

image