ctrlcctrlv / infinity

A vichan fork permitting users to create their own boards
Other
318 stars 149 forks source link

/boards.html is not responsive to mobile devices #9

Open fourfivesix opened 10 years ago

fourfivesix commented 10 years ago

--- 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).
ctrlcctrlv commented 10 years ago

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".

czaks commented 10 years ago
.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.

fourfivesix commented 10 years ago

@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.

ghost commented 10 years ago

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.