☰

RegExr: toggle sidebar

Allows you to toggle sidebar on RegExr.com

当前为 2017-01-26 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         RegExr: toggle sidebar
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2
  5. // @description  Allows you to toggle sidebar on RegExr.com
  6. // @author       Himalay
  7. // @match        http://www.regexr.com/
  8. // @match        http://regexr.com/
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function () {
  13.   'use strict';
  14.  
  15.   document.head.appendChild(Object.assign(document.createElement('style'), {
  16.     innerText: `#menuToggle {
  17.                     font-weight: 900;
  18.                     color: #101113;
  19.                     margin-right: 10px;
  20.                   }
  21.                   .sidemenu {
  22.                     position:absolute;
  23.                     float: none;
  24.                     left: -352px;
  25.                   }
  26.                   .mainarea {
  27.                     float: none;
  28.                     width: 100%;
  29.                   }`
  30.   }));
  31.  
  32.   toggleSidemenu();
  33.  
  34.   document.querySelector('#docview  .title').prepend(Object.assign(document.createElement('a'), {
  35.     id: 'menuToggle',
  36.     innerText: '☰'
  37.   }));
  38.  
  39.   document.querySelector('#menuToggle').addEventListener('click', toggleSidemenu);
  40.  
  41.   function toggleSidemenu() {
  42.     document.querySelector('#libview').classList.toggle('sidemenu');
  43.     document.querySelector('#docview').classList.toggle('mainarea');
  44.   }
  45. })();