Fixes #1195 Made the charts responsive for small screens

This commit is contained in:
gotens1211 2017-03-21 17:57:01 +05:30 committed by Stella Rouzi
parent f9d8c9715c
commit f4f05b4e9b
2 changed files with 36 additions and 1 deletions

View file

@ -27,3 +27,21 @@
%span{ 'style' => "border-bottom: 3px solid #{conference[:color]};", 'data-chart' => "#{name}" }
%input{ 'type' => 'checkbox', 'name' => "#{conference[:short_title]}" }
#{conference[:short_title]}
:javascript
$(document).ready( function(){
var c = $("#line_chart_#{name}");
var ct = c.get(0).getContext('2d');
var container = $(c).parent();
$(window).resize( respondCanvas );
function respondCanvas(){
c.attr('width', $(container).width() );
c.attr('height', $(container).height() );
}
respondCanvas();
});