☰

GitHub - Make the site better (and wider)

Makes github full width in a few views, and makes PR diffs easier to browse

As of 2015-08-18. See the latest version.

  1. // ==UserScript==
  2. // @name         GitHub - Make the site better (and wider)
  3. // @namespace    http://adamwknox.com
  4. // @version      0.5
  5. // @description  Makes github full width in a few views, and makes PR diffs easier to browse
  6. // @author       DrKnoxy
  7. // @include      https://github.com/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. var styleTemplate = [
  12. 	'<style id="knoxyTemplate">',
  13.         // General
  14. 		'.container {',
  15. 			'width: 100%;',
  16. 			'padding-left: 15px;',
  17. 			'padding-right: 15px;',
  18. 		'}',
  19. 		'.repository-with-sidebar .repository-content {',
  20. 			'margin-right: 60px;',
  21. 			'float: none;',
  22. 			'width: auto;',
  23. 		'}',
  24.     
  25.         // PR / Compare
  26. 		'.blob-wrapper { display:none; }',
  27. 		'.file-header { max-height: 42px; }',
  28.         '.subnav { max-height: 34px; }',
  29.         '.table-list-header { max-height: 44px; }',
  30.         
  31.         // wiki pages
  32.         '.wiki-wrapper #wiki-content {clear: none;}',
  33. 	'</style>',
  34. ].join('');
  35.  
  36. function workStyleTemplate(url) {
  37. 	var pattern = /https:\/\/github.com\/.*\/.*\/(pull|compare|wiki).*/g;
  38. 	var reg = new RegExp(pattern);
  39. 	if ( url.match(reg) ) {
  40. 		$('head').append(styleTemplate);
  41. 	} else {
  42. 		$('head').find('#knoxyTemplate').remove();
  43. 	}
  44. }
  45.  
  46. $(function(){
  47.  
  48. 	$(document).on('click', '.file-header', function(e){
  49. 	    $(this).next('.blob-wrapper').toggle();
  50. 	});
  51.  
  52. 	// Update stylesheet on page load
  53. 	workStyleTemplate(window.location.href);
  54.  
  55. 	// When pjax finishes, update our stylesheet
  56.     $(document).on('pjax:complete pjax:popstate', function(e){
  57. 		var url = e.delegateTarget.URL;
  58. 		workStyleTemplate(url);
  59. 	});
  60. });