Github Code Review - Full Screen Width

Question

Can anyone tell me how to tell Github, that I want to see code reviews on Pull Requests in full screen width. Code lines are often longer than the area provided by Github and there is a lot of unused screen real estate.

Is there a setting in Github or a Chrome extension or Tamper Monkey or something like that.

Answer 1

Use Stylebot chrome extension

https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en

I use my own style for my favourite websites, I love it.

Plus point is that you can use the styles created by other peoples also. Someone might have already done the things you need there. Or else you can modify on your own.

I have few CSS rules for you,

.repository-with-sidebar .repository-content {
  width: calc(100% - 50px);
}

.container {
  width: 90%;
}

Answer 2

Github's CSS has changed, so the new styles should be:

.container-lg {
  max-width: inherit;
}

You can create a shortcut in your browser to automatically apply this style:

javascript:(function(){var a=document.getElementsByClassName("container-lg")[0];a.style.max-width="inherit";})();

Answer 3

There's a class on the body called full-width for that, so all that's needed currently is:

document.body.classList.add('full-width');

Update: Can be added as a browser shortcut.

 javascript:(function(){document.body.classList.toggle('full-width');})();