diff --git a/reddit-hide-sidebar/index.js b/reddit-hide-sidebar/index.js index 4d8be6f222da66bc97aac07075e3811089634585..6a513769792765e395309ef05084c9da763c6d19 100644 --- a/reddit-hide-sidebar/index.js +++ b/reddit-hide-sidebar/index.js @@ -1,7 +1,7 @@ // ==UserScript== // @name old.reddit hide sidebar // @namespace http://hugo.hornquist.se -// @version 1.2.1 +// @version 1.2.2 // @description Adds toggle to hide Reddit sidebar // @author hugo@lysator.liu.se // @match https://*.reddit.com/* @@ -18,18 +18,32 @@ let btn = document.createElement('button'); let div = document.createElement('div'); + let inner = document.createElement('div') div.style = ` position: absolute; z-index: 100; left: -2em; width: 2em; - height: 2em; - display: grid; + height: 100%; top: 0; padding: 0; ` - div.appendChild(btn); + inner.style = ` + position: sticky; + top: 0; + height: 2em; + ` + + btn.style = ` + width: 100%; + height: 100%; + display: grid; + place-items: center; + ` + + inner.appendChild(btn) + div.appendChild(inner); let sidebar = document.getElementsByClassName('side')[0]; sidebar.appendChild(div); @@ -66,7 +80,7 @@ style.innerText = ` .side { transition: 0.5s; - position: relative; + position: relative; } .side.hidden { width: 0px;