☰

Reddit hide sidebar

Hide the reddit sidebar with a simple button

  1. // ==UserScript==
  2. // @name         Reddit hide sidebar
  3. // @namespace    reddit.com/u/GoldenSights
  4. // @version      0.2
  5. // @description  Hide the reddit sidebar with a simple button
  6. // @author       GoldenSights
  7. // @include        *://*.reddit.com/*
  8. // @grant        metadata
  9. // ==/UserScript==
  10.  
  11. function togglesidebar()
  12. {
  13.     var sidebar = document.querySelector(".side");
  14.     if (sidebar.style.overflow == "hidden")
  15.     {
  16.         sidebar.style.height = "";
  17.         sidebar.style.width = "";
  18.         sidebar.style.overflow = "visible";
  19.     }
  20.     else
  21.     {
  22.         if($(document).width()< 1200){
  23.             sidebar.style.height = "19px";
  24.             sidebar.style.width = "46px";
  25.             sidebar.style.overflow = "hidden";
  26.         }
  27.     }
  28. }
  29. var togglebutton = document.createElement("button");
  30. var toggletext = document.createTextNode("Hidebar");
  31. togglebutton.appendChild(toggletext);
  32.  
  33. togglebutton.addEventListener("click", togglesidebar);
  34. togglebutton.style.fontSize = "9px";
  35. togglebutton.style.position = "absolute";
  36. togglebutton.style.right = "4px";
  37. togglebutton.style.zIndex = "2";
  38. togglebutton.style.color = "#000";
  39.  
  40. togglesidebar();
  41.  
  42. var sidebar = document.querySelector(".side");
  43. var spacer = sidebar.querySelector(".spacer");
  44. sidebar.insertBefore(togglebutton, spacer);