ansible-community / ara

ARA Records Ansible and makes it easier to understand and troubleshoot.
https://ara.recordsansible.org
GNU General Public License v3.0
1.85k stars 171 forks source link

UI: No horizontal scrollbar when responsive tables go beyond horizontal viewport #498

Open dmsimard opened 1 year ago

dmsimard commented 1 year ago

What is the issue ?

When using bootstrap's responsive tables, they are allowed to display "off screen" and it is possible to scroll right to view the remainder of the (hidden) table due to its width.

This is perhaps more "intuitive" when viewing on mobile: you can drag with your finger to see the remainder of the table. On desktop, however, there's no horizontal scrollbar and it's not obvious from a UX standpoint that it is possible to scroll right using a mouse's horizontal scroll wheel or the keyboard arrows after first clicking on the tables.

What should be happening ?

It should be more obvious that it is possible to scroll horizontally when it is available.

hille721 commented 1 year ago

image

with 1.7.0rc3 I'm getting a scroll bar here, but this lays somehow ugly in the label and it is not useable