Skip to content

Instantly share code, notes, and snippets.

@swashcap
Created February 10, 2017 19:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save swashcap/d85393c08e5b64140b293739f74628bf to your computer and use it in GitHub Desktop.
Save swashcap/d85393c08e5b64140b293739f74628bf to your computer and use it in GitHub Desktop.
GitHub Header Toggler
// Original:
(function(doc, className) {
var header = doc.querySelector('[role=banner]'),
button = doc.createElement('button'),
classList = header.classList,
light = className + 'light',
dark = className + 'dark',
isLight
button.className = 'btn'
button.style = 'position:sticky;bottom:1em;left:1em'
button.innerHTML = 'Toggle Header'
button.onclick = function() {
isLight = classList.contains(light)
classList.remove(isLight ? light : dark)
classList.add(isLight ? dark : light)
};
header.parentNode.appendChild(button)
})(document, 'header-')
// Min:
!function(e,t){var n,o=e.querySelector("[role=banner]"),a=e.createElement("button"),r=o.classList,c=t+"light",i=t+"dark";a.className="btn",a.style="position:sticky;bottom:1em;left:1em",a.innerHTML="Toggle Header",a.onclick=function(){n=r.contains(c),r.remove(n?c:i),r.add(n?i:c)},o.parentNode.appendChild(a)}(document,"header-");
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment