Mobile responsiveness: graph canvas not scrollable on mobile

ScottOglesby / kanji-bakuhatsu

Provide the "exploded view" of a kanji character, and show relations to kanji sharing those components.

GNU General Public License v3.0

6 stars 3 forks source link

Mobile responsiveness: graph canvas not scrollable on mobile #9

Closed ScottOglesby closed 5 years ago

ScottOglesby commented 5 years ago

The kanji graph is set at 100vh (full viewport height), which is great when the sidebar is to the side. For narrow devices, Bootstrap moves the sidebar below, and there's no way to scroll it into view (scrolling the graph area just moves the kanji diagram).

Solution will likely be one of:

change graph to 80vh or similar for narrow devices
change responsiveness so that the sidebar never moves below (and recommend holding phone sideways)

ScottOglesby commented 5 years ago

Changed col-sm to col-xs and added media queries for heading font sizes