Github 代码审查 - 全屏宽度

21

有人可以告诉我如何告诉Github,我想在全屏幕宽度上查看Pull Requests中的代码审查。 代码行通常比Github提供的区域更长,并且存在许多未使用的屏幕空间。

Github是否有设置或Chrome扩展程序或Tamper Monkey之类的东西。


fwiw:在我看来,当前宽度为127。 - cellepo
5个回答

13

使用 Stylebot 谷歌扩展程序。

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

我为我最喜欢的网站使用自己的样式,我很喜欢它。

优点是你还可以使用其他人创建的样式。 有些人可能已经完成了你需要的事情。否则,你也可以自己进行修改。

下面是我的一些 CSS 规则:

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

.container {
  width: 90%;
}

使用其社交分享功能轻松找到了CSS样式表。 - Jay Pete
Stylebot对于某些页面无法打开,但好消息是你可以通过添加URL模式来应用上述样式,非常棒。 - Gomes
这个链接的URL模式将是什么?(https://github.com/jquery/jquery/pull/3505/files) - Praveen Reddy
1
现在看来 StyleBot 已经无法使用了,你有其他的建议吗? - Kevin M
对于Firefox用户:https://addons.mozilla.org/fr/firefox/addon/stylish/ - JonG
对于Chrome浏览器,“Wide Github”扩展似乎运行良好:https://chrome.google.com/webstore/detail/wide-github/kaalofacklcidaampbokdplbklpeldpj?hl=en - trungly

5

Github的CSS样式已经改变,因此新的样式应该是:

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

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

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

3

在body标签上有一个名为full-width的类,所以目前所需的全部内容就是:

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

这也可以添加为书签小工具:
 javascript:(function(){document.body.classList.add('full-width');})();

2
这个非常完美。我使用它作为浏览器快捷方式,可以在默认视图和全屏视图之间切换:javascript:(function(){document.body.classList.toggle('full-width');})(); - Benedikt Gansinger
@BenediktGansinger 将您的评论作为答案的一部分添加了进来。 - Praveen Reddy

1

不知道为什么原帖说这不再是问题,如果你正在审核自己的代码,你不会将其与另一个并排查看。

全屏修复:

  • 在代码左侧的空白处检查元素
  • 您将进入一个标记,请展开此标记
  • 单击“main”的第三个div子级
  • 向下滚动右侧的css,直到找到“.container-xl”
  • 取消选中它,您将获得完整的代码屏幕

如果您愿意,可以编写控制台脚本或使用上面提到的插件之一,但我发现这种方法最简单,可以在任何人的机器上使用。


虽然有点过时,但足以帮助我们完成任务。非常感谢! - Justin Vallely

-3

自从GitHub引入了并排代码审查,这个问题就不再是问题了。那真的很有效。


请注意,他并不是在询问并排视图。他想知道如何巧妙地利用因代码部分仅覆盖屏幕宽度约80%而浪费的空白空间。用户必须滚动太多。 - pixel
3
我是提出这个问题的人...并且已经澄清这不再是一个问题。所以我确实读了这个问题;-) - Jay Pete
3
抱歉,明白了。但是并排比较会占用整个屏幕宽度,这是正确的。但是非并排比较不会占用整个屏幕宽度;因此,在PR期间仍然会截断很多代码,你必须向右滚动才能看到。有没有办法将非并排视图设置为占用100%?以上任何建议都没有起作用。 - pixel
2
令人惊讶的是,全角字符在最受欢迎的代码存储库服务中不是默认设置!更改这个设置应该不难吧?顺便说一下,上面提到的 Stylebot 对我来说不起作用(或者在我们的 GHE 上不起作用)。 - BadmintonCat

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接