Skip to content

Wide GitHub is a browser add-on that makes the GitHub layout wide on Mozilla Firefox and Google Chrome. Supports custom domains and GitHub Corporate.

License

Notifications You must be signed in to change notification settings

fabiocchetti/wide-github

Repository files navigation

Wide GitHub Logo

Wide GitHub

Wide GitHub is a browser extension that makes GitHub’s layout wide, enhancing readability, reducing vertical scrolling, and improving accessibility.

It works on GitHub, private Gists, GitHub Enterprise, and custom TLDs (Firefox 109+ and Chrome Manifest V3 supported).

Get it on Firefox Add-ons
Get it on Chrome Web Store

Features

  • Makes GitHub's layout wide and accessible.
  • Supports custom domains (e.g. GitHub Enterprise).
  • Toggle on/off with a single click.
  • Syncs settings across devices (Firefox Sync / Chrome Sync).
  • Handles SPA navigation and tab switches.
  • Easy preferences and URLs management via settings popup.

Installation

Firefox

  1. Visit Wide GitHub for Firefox
  2. Click "Add to Firefox"
  3. Confirm the installation

Chrome

  1. Visit Wide GitHub for Chrome
  2. Click "Add to Chrome"
  3. Confirm the installation

Usage

  1. Click the extension icon in your browser's toolbar
  2. Toggle the switch to enable/disable the wide layout
  3. Add custom domains in the popup if needed

Custom Domains

You can add custom domains where you want the wide layout to be applied:

  1. Click the extension icon
  2. Enter the domain in the input field (e.g., git.mycompany.com)
  3. Click "Add" or press Enter

The extension will automatically handle:

  • Subdomains (e.g., docs.github.com)
  • WWW redirects (e.g., www.github.com)
  • Protocol changes (http/https)

Development

All source code is in the src/ folder and is shared between Chrome and Firefox builds.
Manifest files are separate for each browser.

Setup

If you just cloned the repository, make the build scripts executable:

chmod +x build.sh package.sh

Build

To build the extension for both browsers:

./build.sh

This will generate the folders dist/firefox and dist/chrome with the ready-to-use extension files.

Package

To create ZIP files for release (excluding system and dev files):

./package.sh

This will create wide-github-firefox.zip and wide-github-chrome.zip in the project root, ready for upload to the stores.


License

This project is licensed under the MIT License - see the LICENSE file for details.


Privacy Policy

For details about how Wide GitHub handles your data and permissions, please see the Privacy Policy.


Changelog

3.3.1

3.3.0

  • Unified codebase for Firefox and Chrome.
  • Removed outdated background script.
  • Added universal API wrapper for cross-browser compatibility.
  • Implemented a CSS fix to prevent accidental application on non-GitHub sites.
  • Improved flickering issue on first load.
  • Introduced some automation in building and packaging.
  • Added Chrome Web Store links and mentions.

3.2.0

  • Fixed real-time update of wide layout on custom domains.
  • Improved messaging and domain handling logic.
  • Optimized CSS and code structure for maintainability.
  • Settings popup UI revamp, with dark mode support.

3.1.0

  • Improved CSS compatibility with the new GitHub layout.
  • Fixed flickering issue when switching between tabs.
  • Improved URL and page navigation.
  • General CSS refactoring and JS performance optimization.

3.0.0

  • Extension re-built from the ground up with native Manifest V3 support.
  • Added support to custom TLDs (Issue #12).
  • Introduced settings panel to easily enable and disable the wide layout, and handle custom TLDs.

2.5.0

2.4.0

2.3.0

  • Improved support for the "Blame" view (Issue #21).
  • Minor fixes and general CSS tweaks.

2.2.0

  • Support new UI and the updated code panel (Issue #19).

2.1.0

  • Added toggle button on the Firefox toolbar, so that Wide GitHub can now be enabled or disabled on specific pages (Issue #7 and Issue #15).
  • Fixed an issue that caused the comment dialog box on pull requests to be wider than the screen in some circumstances (Issue #16).
  • Improved support for dark mode.

2.0.0

  • Add-on CSS code complete refactoring.
  • Support the new GitHub design released in 2020 (Issue #8, Issue #10 and Issue #11).
  • Initial support for GitHub Enterprise (Issue #5, thanks @henrik242).
  • Instead of using breakpoints, Wide GitHub now makes the page content always fit your screen width. No matter the display size (Issue #9).

1.2.0

  • Native support for extra large displays (Issue #4).
  • Several improvements to the CSS code.

1.1.0

  • Support for private GitHub domains (Issue #1).
  • Project views have been excluded. Wide GitHub should not be enabled there (Issue #2).
  • Fixed bigger-than-expected images in user detail view. (Issue #3).

1.0.1

  • Minor changes.

1.0.0

  • Initial release.

About

Wide GitHub is a browser add-on that makes the GitHub layout wide on Mozilla Firefox and Google Chrome. Supports custom domains and GitHub Corporate.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •