From d69a925c81a4c94c2ea08a2c3ad2f4d0d9c51ad5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= <hugo@lysator.liu.se>
Date: Sun, 11 Oct 2020 13:37:40 +0200
Subject: [PATCH] Reddit hide sidebbar 1.1.
---
reddit-hide-sidebar/index.js | 86 +++++++++++++++++-------------------
1 file changed, 41 insertions(+), 45 deletions(-)
diff --git a/reddit-hide-sidebar/index.js b/reddit-hide-sidebar/index.js
index 8c912d6..ef218a9 100644
--- a/reddit-hide-sidebar/index.js
+++ b/reddit-hide-sidebar/index.js
@@ -1,60 +1,56 @@
// ==UserScript==
// @name old.reddit hide sidebar
// @namespace http://hugo.hornquist.se
-// @version 1.0.3
+// @version 1.1.0
// @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/*
// @match https://np.reddit.com/*
-// @grant GM_addStyle
// @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
-// @require https://code.jquery.com/jquery-3.3.1.min.js
// ==/UserScript==
(function() {
- 'use strict';
-
- var visible = true;
-
- let btn = $("<button>></button>");
- let div = $("<div class='sidebar-toggle'></div>")
-
- div.append(btn)
- $("#header").append(div);
-
- let sidebar = $(".side");
- let speed = 500;
- var active = false;
-
- btn.click(function(ev) {
- if (active) return;
- active = true;
- if (visible) {
- sidebar.hide(speed, function () {
- active = false;
- btn.text("<");
- });
- } else {
- sidebar.show(speed, function () {
- active = false;
- btn.text(">");
- });
- }
- visible = !visible;
- });
-
- GM_addStyle(" \
-.sidebar-toggle { \
- position: absolute; \
- z-index: 100; \
- right: 0; \
- bottom: 0; \
-} \
-.sidebar-toggle > button { \
- width: 25px; \
- height: 25px; \
-}");
+ '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);
})();
+
--
GitLab