search

paritytech / substrate-telemetry

Polkadot Telemetry service
GNU General Public License v3.0
307 stars 205 forks source link

Nit: Telemetry looks weird when too much data in the list requiring you to scroll right #592

Open jsdw opened 1 week ago

jsdw commented 1 week ago
Screenshot 2024-09-20 at 14 46 58

The table scroll turns into an entire-page scroll at some point. We can hopefully force the table to stay within bounds and prevent this.

jsdw commented 1 week ago

I had a bit of a look and you can mostly fix this by setting overflow-x: auto on the "List" element with the table inside it (and then perhaps preventing that from being given a fixed height). One issue here is that the horizontal scroll bar for the table needs scrolling to since the table is quite tall and scrollbars sit along the bottom. There are hacks you can use to make a scrollbar be at the top too; might be worth having this too when the table is too big (eg https://stackoverflow.com/questions/3934271/horizontal-scrollbar-on-top-and-bottom-of-table).

Would want to test this with both not many and too many columns in the table to see that it handles things well.