Newer
Older
// ==UserScript==
// @name old.reddit hide sidebar
// @description Adds toggle to hide Reddit sidebar
// @author hugo@lysator.liu.se
// @match https://*.reddit.com/*
// @match https://old.reddit.com/*
// @match https://www.reddit.com/r/*/wiki/*
// @updateURL https://git.lysator.liu.se/hugo/web-monkey-scripts/raw/master/reddit-hide-sidebar/index.js
// @downloadURL https://git.lysator.liu.se/hugo/web-monkey-scripts/raw/master/reddit-hide-sidebar/index.js
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
'use strict';
let btn = document.createElement('button');
let div = document.createElement('div');
div.className = 'sidebar-toggle';
div.appendChild(btn);
let sidebar = document.getElementsByClassName('side')[0];
sidebar.appendChild(div);
btn.onclick = () => sidebar.classList.toggle('hidden');
let style = document.createElement('style');
style.innerText = `
.sidebar-toggle {
position: absolute;
z-index: 100;
left: -2em;
width: 2em;
height: 2em;
display: grid;
top: 0;
}
.side {
transition: 0.5s;
position: relative;
}
.side.hidden {
width: 0px;
}
.side.hidden button::before {
content: '<';
}
.side:not(.hidden) button::before {
content: '>';
}`;
document.getElementsByTagName('head')[0].appendChild(style);