infinity icon indicating copy to clipboard operation
infinity copied to clipboard

/boards.html is not responsive to mobile devices

Open fourfivesix opened this issue 11 years ago • 4 comments

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/4700651-boards-html-is-not-responsive-to-mobile-devices?utm_campaign=plugin&utm_content=tracker%2F6417251&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F6417251&utm_medium=issues&utm_source=github).

fourfivesix avatar Sep 23 '14 20:09 fourfivesix

How would we even do this? Let them scroll back and forth on the table like Wikipedia does?

I've never really understood how to make wide tables "responsive".

ctrlcctrlv avatar Sep 24 '14 00:09 ctrlcctrlv

.mobile-style some-unneeded-td { display: none; }

This would be for hiding some unneeded tds.

Of course, you need js/mobile-style.js to be enabled. And it sticks the boards panel to the top, so if you mind, you can modify the stylesheets for that to work.

This is our current approach to being responsive. Not a perfect one, but working.

czaks avatar Sep 24 '14 01:09 czaks

@ctrlcctrlv some columns could be resized so that we use the space more effectively, this is what we currently have: boards.html screenshot

Also, we could make the entire <tr> a link, instead of just the board name. Mobile users have fat greasy fingers that don't aim well.

fourfivesix avatar Sep 24 '14 17:09 fourfivesix

It doesn't look like that on mobile devices at the moment. If you use a phone or chrom*'s build-in mobile emulator it looks like the boardlist doesn't shrink past a certain size, and all fields are viewable (though on tiny resolutions the overscan requires scrolling).

Since the site has very little work done in being mobile-friendly I think it's safe to close this.

ghost avatar Sep 26 '14 09:09 ghost