From 6f74966b56bfb8668516812a0bc35ad19ecf5fa1 Mon Sep 17 00:00:00 2001 From: Voussoir Date: Thu, 25 Dec 2014 13:25:59 -0800 Subject: [PATCH] else Reddit Hidebar --- RedditHidebar/README.md | 8 ++++++++ RedditHidebar/hidebar.js | 40 ++++++++++++++++++++++++++++++++++++++++ 2 files changed, 48 insertions(+) create mode 100644 RedditHidebar/README.md create mode 100644 RedditHidebar/hidebar.js diff --git a/RedditHidebar/README.md b/RedditHidebar/README.md new file mode 100644 index 0000000..d47f91b --- /dev/null +++ b/RedditHidebar/README.md @@ -0,0 +1,8 @@ +Hidebar +====== + +"I thought this repository was for non-reddit stuff". Yeah, whatever. + +This is a script to be used with the Tampermonkey extension on Google Chrome, or probably the FF equivalent. It creates a button that hides the reddit sidebar. + +http://imgur.com/a/uz4r0 \ No newline at end of file diff --git a/RedditHidebar/hidebar.js b/RedditHidebar/hidebar.js new file mode 100644 index 0000000..a809371 --- /dev/null +++ b/RedditHidebar/hidebar.js @@ -0,0 +1,40 @@ +// ==UserScript== +// @name Reddit hide sidebar +// @namespace reddit.com/u/GoldenSights +// @version 0.2 +// @description Hide the reddit sidebar with a simple button +// @author GoldenSights +// @match *://*.reddit.com/* +// @grant none +// ==/UserScript== + +function togglesidebar() +{ + var sidebar = document.querySelector(".side"); + if (sidebar.style.overflow == "hidden") + { + sidebar.style.height = ""; + sidebar.style.width = ""; + sidebar.style.overflow = "visible"; + } + else + { + sidebar.style.height = "19px"; + sidebar.style.width = "47px"; + sidebar.style.overflow = "hidden"; + } +} +var togglebutton = document.createElement("button"); +var toggletext = document.createTextNode("Hidebar"); +togglebutton.appendChild(toggletext); + +togglebutton.addEventListener("click", togglesidebar); +togglebutton.style.fontSize = "9px"; +togglebutton.style.position = "absolute"; +togglebutton.style.right = "4px"; +togglebutton.style.zIndex = "2"; +togglebutton.style.color = "#000"; + +var sidebar = document.querySelector(".side"); +var spacer = sidebar.querySelector(".spacer"); +sidebar.insertBefore(togglebutton, spacer); \ No newline at end of file