Reddit SideBar Hider

Hide the right sidebar in reddit, adds a tiny button to click to get it back

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Reddit SideBar Hider
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Hide the right sidebar in reddit, adds a tiny button to click to get it back
// @author       You
// @match        http*://www.reddit.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    var wrap_el =  document.createElement("div");
    var cont_el =  document.createElement("div");
    var header = document.getElementById("header");

    wrap_el['style'] = ["width:10px",
                        "height:10px",
                        "float:right",
                        ].join(';');
    cont_el['style'] = ["position:absolute",
                        "z-index:9999",
                        "right:0",
                        "border: thin solid orange",
                        "color: #0099FF",
                        "background-color:white",
                        "cursor: pointer",
                        "user-select: none",
                        "-webkit-user-select: none",
                        "-moz-user-select: none",
                        "-ms-user-select: none",
                        "-webkit-touch-callout: none",
                        ].join(';');
    cont_el.textContent = '+';
    header.appendChild(wrap_el);
    wrap_el.appendChild(cont_el);

    var sidebar = document.querySelector(".side");
    sidebar.style.display = 'none';

    cont_el['onclick'] = function(){
        sidebar.style.display = sidebar.style.display == 'none'? '' : 'none';
        cont_el.textContent = sidebar.style.display == 'none'? '+' : '—';
    };
})();