Github代码审查 - 全屏宽度

Question

任何人都可以告诉我如何告诉Github，我希望在全屏宽度上看到Pull Requests上的代码评论。代码行通常比Github提供的区域长，并且有大量未使用的屏幕空间。

Github或Chrome扩展程序或Tamper Monkey中是否有设置或类似内容。

Answer 1

使用Stylebot chrome扩展程序

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

我将自己的风格用于我最喜欢的网站，我喜欢它。

另外一点是，您也可以使用其他人创建的样式。有人可能已经完成了你需要的东西。或者你可以自己修改。

我的CSS规则很少，

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

.container {
  width: 90%;
}

Answer 2

不知道为什么OP不再说这是一个问题，如果您正在对自己的工作进行代码审查，那么您将无法与其他人进行并排比较。

修复全屏：

• 检查代码左侧空白处的元素
• 您将被带到标签，展开此标签
• 点击“ main”的第3个div子级
• 向下滚动右侧的css，直到找到“ .container-xl”
• 取消选中此复选框，您将全屏显示代码

如果您愿意，可以编写控制台脚本或使用上面提到的插件之一，但是我发现此方法最简单，可以记住并应用于任何人的机器上。

Answer 3

GitHub引入并行代码审查后，这已不再是问题。这确实很有效。

Answer 4

Github的CSS已更改，因此新样式应为：

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

您可以在浏览器中创建快捷方式以自动应用此样式：

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

Answer 5

主体上有一个名为 full-width 的类，所以当前需要的是：

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