diff options
| author | Connor Shea <connor.james.shea@gmail.com> | 2016-06-20 09:21:14 -0600 |
|---|---|---|
| committer | Connor Shea <connor.james.shea@gmail.com> | 2016-06-20 09:21:14 -0600 |
| commit | e50739f4c7bf823f2c1a4a65363ed987eff7d399 (patch) | |
| tree | 868f25f1a8fae9a7a2f52ebd6a3510ee3baa0550 | |
| parent | 699badabc9670e836eafaf1c66248f49ea41a098 (diff) | |
| download | gitlab-ce-e50739f4c7bf823f2c1a4a65363ed987eff7d399.tar.gz | |
Apply responsive design for Contributors graphs.contributors-graph-mobile
Fixes #18845.
| -rw-r--r-- | app/assets/javascripts/graphs/stat_graph_contributors_graph.js.coffee | 6 | ||||
| -rw-r--r-- | app/assets/stylesheets/pages/stat_graph.scss | 6 |
2 files changed, 11 insertions, 1 deletions
diff --git a/app/assets/javascripts/graphs/stat_graph_contributors_graph.js.coffee b/app/assets/javascripts/graphs/stat_graph_contributors_graph.js.coffee index 584d281a510..834a81af459 100644 --- a/app/assets/javascripts/graphs/stat_graph_contributors_graph.js.coffee +++ b/app/assets/javascripts/graphs/stat_graph_contributors_graph.js.coffee @@ -121,7 +121,11 @@ class @ContributorsMasterGraph extends ContributorsGraph class @ContributorsAuthorGraph extends ContributorsGraph constructor: (@data) -> - @width = $('.content').width()/2 - 100 + # Don't split graph size in half for mobile devices. + if $(window).width() < 768 + @width = $('.content').width() - 80 + else + @width = ($('.content').width() / 2) - 100 @height = 200 @x = null @y = null diff --git a/app/assets/stylesheets/pages/stat_graph.scss b/app/assets/stylesheets/pages/stat_graph.scss index 85a0304196c..8a1f2d098d6 100644 --- a/app/assets/stylesheets/pages/stat_graph.scss +++ b/app/assets/stylesheets/pages/stat_graph.scss @@ -25,13 +25,19 @@ &:nth-child(even) { float: right; } + float: left; margin-top: 10px; + + @media (max-width: $screen-sm-min) { + width: 100%; + } } .person .spark { display: block; background: #f3f3f3; + width: 100%; } .person .area-contributor { |