Widen Code Container and Hide Whitespace (GitHub)

Adds buttons to allow you to widen the container when viewing files and hide whitespace when viewing pull request diffs

目前為 2016-03-16 提交的版本,檢視 最新版本

  1. // ==UserScript==
  2. // @name Widen Code Container and Hide Whitespace (GitHub)
  3. // @namespace chriskim06
  4. // @description Adds buttons to allow you to widen the container when viewing files and hide whitespace when viewing pull request diffs
  5. // @include https://github.com/*
  6. // @require http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
  7. // @version 1.3.8
  8. // @grant none
  9. // @locale en
  10. // ==/UserScript==
  11.  
  12. this.$ = this.jQuery = jQuery.noConflict(true);
  13.  
  14. $(function() {
  15.  
  16. if ($('#user-links').length) {
  17. // Add buttons in the header navbar for widening and hiding whitespace
  18. $('#user-links').prepend(
  19. '<li class="header-nav-item">' +
  20. '<a href="javascript:void(0)"' +
  21. 'id="hide-whitespace-button"' +
  22. 'class="header-nav-link tooltipped tooltipped-s"' +
  23. 'aria-label="Hide whitespace"' +
  24. 'onclick="return false;">' +
  25. '<svg height="16" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7S10.86 1 7 1z m0 1.3c1.3 0 2.5 0.44 3.47 1.17L2.47 11.47c-0.73-0.97-1.17-2.17-1.17-3.47 0-3.14 2.56-5.7 5.7-5.7z m0 11.41c-1.3 0-2.5-0.44-3.47-1.17l8-8c0.73 0.97 1.17 2.17 1.17 3.47 0 3.14-2.56 5.7-5.7 5.7z" /></svg>' +
  26. '</a>' +
  27. '</li>'
  28. );
  29. $('#user-links').prepend(
  30. '<li class="header-nav-item">' +
  31. '<a href="javascript:void(0)"' +
  32. 'id="code-widen-button"' +
  33. 'class="header-nav-link tooltipped tooltipped-s"' +
  34. 'aria-label="Widen code container"' +
  35. 'onclick="return false;">' +
  36. '<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 4.7L8.5 0 1.5 4.7c-0.3 0.19-0.5 0.45-0.5 0.8v10.5l7.5-4 7.5 4V5.5c0-0.34-0.2-0.61-0.5-0.8z m-0.5 9.8L9 11.25v-1.25h-1v1.25L2 14.5V5.5L8 1.5v4.5h1V1.5l6 4v9zM6 7h5V5l3 3-3 3V9H6v2L3 8l3-3v2z" /></svg>' +
  37. '</a>' +
  38. '</li>'
  39. );
  40. // Toggle code container width on click
  41. $('#code-widen-button').click(function() {
  42. var container = $('.container.new-discussion-timeline.experiment-repo-nav');
  43. var expanded = $(window).width() * 0.95;
  44. if ($('#files').is(':visible') || $('.repository-content').find('.file').is(':visible')) {
  45. if ($('meta[name="diff-view"]').attr('content') === 'unified') {
  46. // Only widen if viewing a single file or changes in unified mode
  47. container.css('width', (container.width() < expanded) ? expanded : 980);
  48. }
  49. } else if (container.width() >= expanded) {
  50. // Reduce the width on a page if needed
  51. container.css('width', 980);
  52. }
  53. $(this).blur();
  54. });
  55. // Toggle page with the w=1 query param in the url to show/hide whitespace
  56. $('#hide-whitespace-button').click(function() {
  57. if ($('#files').is(':visible')) {
  58. var nav;
  59. var url = window.location.href;
  60. if (url.contains('?w=1')) {
  61. // Check if there is more to the query and remove the whitespace query param
  62. nav = url.replace((url.includes('&') ? /w=1\&/ : /\?w=1/), '');
  63. } else if (url.contains('&w=1')) {
  64. // Remove the appended whitespace query param
  65. nav = url.replace(/\&w=1/, '');
  66. } else {
  67. // Add the whitespace query param
  68. var query = url.includes('?') ? '&w=1' : '?w=1';
  69. if (url.includes('#')) {
  70. // Insert before any anchors in the url
  71. nav = url.slice(0, url.indexOf('#')) + query + url.substr(url.indexOf('#'));
  72. } else {
  73. // Append to the url
  74. nav = url + query;
  75. }
  76. }
  77. window.location.href = nav;
  78. }
  79. $(this).blur();
  80. });
  81. }
  82. });

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址