tipsy/profile-summary-for-github

Improve responsiveness for the generated profile

bharatramnani94 opened this issue · 2 comments

image

As the above screenshot clearly shows, there's a scope for improvement of the look of the profile, particularly for the mobile view. Currently the graph isn't big enough to view when the list of labels increase.

tipsy commented

Hi @bharatramnani94. I haven't done anything to the responsiveness offered by chartsjs. If you have any suggestions, please feel free to create a PR.

Basically we need to make the chart responsive.
There are options to change the legend position (from left to bottom in our case). I think we need to check the width of the chart, and if it lies below a certain width (say 500px), we may update the position of the legend from right to bottom. Something like this:

Shift legend to bottom for small screens

I'm currently not in a situation to create a PR for this myself. I'll try to do that after few days.