☰

Widen Code Container in GitHub

Adds a button to allow you to widen the container when viewing files

当前为 2015-12-19 提交的版本，查看 最新版本。

// ==UserScript==
// @name        Widen Code Container in GitHub
// @namespace   chriskim06
// @description Adds a button to allow you to widen the container when viewing files
// @include     https://github.com/*
// @require     http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
// @version     1
// @grant       none
// @locale      en
// ==/UserScript==

this.$ = this.jQuery = jQuery.noConflict(true);

$(function() {
  if ($('ul#user-links').length) {
    $('ul#user-links').prepend('<li class="header-nav-item"><a href="javascript:void(0)" id="code-widen-button" class="header-nav-link notification-indicator" onclick="return false;"><span class="octicon octicon-mirror "></span></a></li>');
    $('a#code-widen-button').click(function(e) {
      e.preventDefault();
      var containers = $('div.repository-content');
      if ($('div.repository-content').length) {
        var expanded = $(window).width() * 0.8;
        if ($('div.repository-content').width() < expanded) {
          $('div.repository-content').css('width', expanded);
        } else {
          $('div.repository-content').css('width', '980px');
        }
      }
    });
  }
});