rimble-ui icon indicating copy to clipboard operation
rimble-ui copied to clipboard

Table component docs overflow container

Open as-dr opened this issue 5 years ago • 1 comments

Describe the bug Per this issue in the rimble-storefront repo, the Table example in the docs and one in the Do's & Dont's overflows its container at smaller viewports.

It was decided that it was out of scope for the rimble-storefront repo and should be brought over to here.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://rimble.consensys.design/components/rimble-ui/Table
  2. Reduce your browser window consistently to see the bug.

Expected behavior The Table should be set to overflow-x: scroll in order to scroll horizontally when in danger of overflowing its container. Padding should also be made responsive, with smaller amounts of padding on all table headings and cells at smaller viewports to avoid vertical text.

Screenshots https://user-images.githubusercontent.com/797290/68433312-72604500-0173-11ea-86d6-56106783bb36.png

https://user-images.githubusercontent.com/797290/68433365-8e63e680-0173-11ea-9ced-17895fc66275.png

Rimble UI Version

  • 0.7.1 (latest)

Desktop (please complete the following information):

  • OS: MacOSX 10.13.13
  • Browser: Chrome
  • Version 78

as-dr avatar Nov 13 '19 18:11 as-dr

Thanks for submitting @as-dr. Sounds like this is related to #406 in our backlog.

gesquinca avatar Nov 13 '19 19:11 gesquinca