GitLabを使っていると、モニタを用意できない場所で打ち合わせや作業をするときに、MarkdownのドキュメントやIssueなどの内容を印刷したいシーンがある。 しかしGitLabのレイアウトは印刷用には作られていないので、印刷しようとすると余白や不要な部品だらけになってしまう。そのため、レイアウト調整をする gitlab-print というChrome Extensionを作った。 以下のイメージの左側のように余白がかなり入ってしまうのだが、これを除去して(右側)きれいに印刷できるようにする。 使い方は、印刷したいページでExtensionのボタンを押すだけ。 適用されている間は以下のように画面上部に適用されている旨が表示されるようになっている。 (以下、中身の実装、設計等のメモ) 本当は印刷用なので @media print だけにスタイルを適用してもよかったのだが、それをやると見た