Redmineのガントチャートを画面いっぱいに表示する

RedmineのガントチャートはPDFとpngでダウンロードできるけど、結局Webをスクリーンショットするのが一番綺麗なので。

    $('#wrapper').css({'overflow': 'visible'});
    $('#sidebar').hide();
    $('#content').css({'width': 'auto'});
    $('#gantt_area').css({'overflow': 'visible'});
    $('#content table').css({'width': ''});

中のoverflow:scroll をやめて、ブラウザのウィンドウ全体を横スクロール出来るようにする。

View customizeプラグインなら issues/gantt のパターンに

$(function() {
  var $button = $('<button>拡大</button>');
  $('#query_form').after($button);

  $button.on('click', function(e){
    $('#wrapper').css({'overflow': 'visible'});
    $('#sidebar').hide();
    $('#content').css({'width': 'auto'});
    $('#gantt_area').css({'overflow': 'visible'});
    $('#content table').css({'width': ''});
  });
});

のように書く。

スクリーンショットは、ChromeのDevToolでデバイスツールバーを出してレスポンシブ表示にして全てが収まる縦横と倍率を調整して…という手順で撮る。
まだちょっとめんどくさい。
ちょうど良いサイズにするには、Responsiveにして3000 x 2000 のように入力して、画面の端をドラッグして縮める。