Skip to content

feat: expand toggle-wiki-sidebar #220

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
menkaru wants to merge 3 commits into
base: master
Choose a base branch
from
Open

feat: expand toggle-wiki-sidebar #220

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8fe1ec5
fix github-toggle-wiki-sidebar
menkaru Apr 28, 2026
f96c519
change toggle-wiki-sidebar to apply to main repo pages as well as wiki
menkaru Apr 28, 2026
735aa81
fix script names/paths in metadata
menkaru Apr 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 36 additions & 18 deletions github-toggle-wiki-sidebar.user.js → github-toggle-sidebar.user.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
// ==UserScript==
// @name GitHub Toggle Wiki Sidebar
// @name GitHub Toggle Sidebar
// @version 1.1.3
// @description A userscript that adds a button to toggle the GitHub Wiki sidebar
// @description A userscript that adds a button to toggle the GitHub sidebar (repo and wiki pages)
// @license MIT
// @author Rob Garrison
// @namespace https://github.com/Mottie
Expand All @@ -13,8 +13,8 @@
// @require https://greasyfork.org/scripts/28721-mutations/code/mutations.js?version=1108163
// @require https://greasyfork.org/scripts/398877-utils-js/code/utilsjs.js?version=1079637
// @icon https://github.githubassets.com/pinned-octocat.svg
// @updateURL https://raw.githubusercontent.com/Mottie/GitHub-userscripts/master/github-toggle-wiki-sidebar.user.js
// @downloadURL https://raw.githubusercontent.com/Mottie/GitHub-userscripts/master/github-toggle-wiki-sidebar.user.js
// @updateURL https://raw.githubusercontent.com/Mottie/GitHub-userscripts/master/github-toggle-sidebar.user.js
// @downloadURL https://raw.githubusercontent.com/Mottie/GitHub-userscripts/master/github-toggle-sidebar.user.js
// @supportURL https://github.com/Mottie/GitHub-userscripts/issues
// ==/UserScript==

Expand All @@ -39,8 +39,7 @@
</svg>`;

function addToggle() {
if ($("#wiki-wrapper") && !$(".ghtws-button")) {
let el = $(".gh-header-actions") || $(".gh-header-title");
if (($("#wiki-wrapper") || ($("#repository-container-header"))) && !$(".ghtws-button")) {
const button = make({
el: "button",
className: `btn btn-sm tooltipped tooltipped-s ghtws-button${isHidden ? " selected" : ""}`,
Expand All @@ -50,28 +49,47 @@
"aria-label": "Toggle Sidebar"
}
});
if (el.nodeName === "H1") {
// non-editable wiki pages
button.style.float = "right";
el = el.parentNode;

let container = $(".pagehead-actions");
if (!container) {
let el = $(".gh-header-actions") || $(".gh-header-title");
if (el) {
container = make({
el: "ul",
className: "pagehead-actions flex-shrink-0 d-none d-md-inline",
style: "padding: 2px 0;"
})
el.prepend(container);
}
}
// editable wikis have a "header-actions" area
el.prepend(button);

container.appendChild(document.createElement("li")).appendChild(button)

if (isHidden) {
toggleSidebar();
}
}
}

function toggleSidebar(button) {
const sidebar = $(".wiki-rightbar");
const wrapper = sidebar?.parentNode;
if (sidebar && wrapper) {
const sidebar = $(".Layout-sidebar") || $(".pr-2");
if (sidebar) {
const action = isHidden ? "remove" : "add";
button?.classList.toggle("selected", isHidden);
wrapper.style.display = isHidden ? "none" : "";
wrapper.classList[action]("has-rightbar");
wrapper.previousElementSibling?.classList[action]("col-md-9");
sidebar.style.display = isHidden ? "none" : "";

// have content expand to fill empty space
if (sidebar.className == "Layout-sidebar") {
sidebar.parentNode?.classList[action]("Layout");
} else {
let content = sidebar.previousSibling?.firstChild;
let value = isHidden ? "full" : "large";
content.setAttribute("data-width", value);

let article = $("article");
article?.classList.toggle("container-lg");
}

GM_setValue("sidebar-state", isHidden);
}
}
Expand Down