sites icon indicating copy to clipboard operation
sites copied to clipboard

Non-responsive tables in API docs

Open xamgore opened this issue 6 years ago • 2 comments

Hi, seems that tables are not responsive for mobile clients, I can't scroll it on my phone with the latest chrome. svelte.dev/docs

I see two ways to solve it:

  1. Wrap tables with <div style="overflow-x: scroll">...</div>
  2. Chop table rows down.

xamgore avatar Jun 08 '19 17:06 xamgore

Maybe you can remove the td padding when you get to the mobile break point. Below is the padding that I see being added to the table.

td, th { text-align: left; border-bottom: 1px solid #eee; padding: 0.4rem 0.8rem 0.4rem 0; }

curtisaallen avatar Jun 12 '19 02:06 curtisaallen

This is the best responsive table I've seen. I'd recommend something like this, which will work on any size screen. https://codepen.io/AllThingsSmitty/pen/MyqmdM

antony avatar Dec 24 '19 10:12 antony