☰

Greasy Fork is available in English.

Toggle Reddit Sidebar

Adds a button to toggle the sidebar on Reddit, with the option to have it hidden or shown by default.

// ==UserScript==
// @name         Toggle Reddit Sidebar
// @namespace    toggle-reddit-sidebar
// @version      1.0
// @description  Adds a button to toggle the sidebar on Reddit, with the option to have it hidden or shown by default.
// @author       GemedetAdept
// @match        *://*.reddit.com/*
// @credits      Adapted, with permission, from "Hide Reddit Side Bar" script by u/pm_all_ahri_art @ https://greasyfork.org/en/scripts/375201-hide-reddit-side-bar
// @license      GNU v3.0
// ==/UserScript==

var IsHidden = true;

var sidebar = document.querySelector(".side");
sidebar.style.overflow = "hidden";

function toggleSidebar () {

	if (IsHidden == true) {

		sidebar.style.height = "";
		sidebar.style.width = "";
		IsHidden = false;
	}

	else if (IsHidden == false) {

		sidebar.style.height = "0px";
		sidebar.style.width = "0px";
		IsHidden = true;
	}
}

var togglebutton = document.createElement("button");
var toggletext = document.createTextNode("toggleBar");
togglebutton.appendChild(toggletext);

togglebutton.style.fontSize = "10px";
togglebutton.style.fontWeight = "bold";
togglebutton.style.left = "4px";
togglebutton.style.color = "#81b3d9";

togglebutton.addEventListener("click", toggleSidebar);

var navBar = document.querySelector("#header");
var buttonSection = navBar.querySelector("#header-bottom-right");
var itemBarDivider = buttonSection.querySelector(".logout.hover");

buttonSection.appendChild(togglebutton);
itemBarDivider.append(" | ");
itemBarDivider.style.color = "#808080";

if (IsHidden == true) {

	sidebar.style.height = "0px";
	sidebar.style.width = "0px";
}

else if (IsHidden == false) {

	sidebar.style.height = "";
	sidebar.style.width = "";
}