☰

Allow Sidebar Hide Google Drive

Google Drive Folder/File List wide, create button to hide google drive left side bar so there're more estate for showing file name

  1. // ==UserScript==
  2. // @name         Allow Sidebar Hide Google Drive
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2
  5. // @license      MIT
  6. // @description  Google Drive Folder/File List wide, create button to hide google drive left side bar so there're more estate for showing file name
  7. // @author       Benyamin Limanto <me@benyamin.xyz>
  8. // @match        https://drive.google.com/drive/*
  9. // @icon         https://www.google.com/s2/favicons?domain=google.com
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. (function() {
  14.     'use strict';
  15.     var defaultCollapsed = true;
  16.  
  17.     var status = true; var newStyle = document.createElement("style");
  18.     var btnCollapse = document.createElement("button");
  19.     btnCollapse.innerText = "<"; btnCollapse.style.marginLeft = "210px";
  20.     btnCollapse.style.padding = "4px"; btnCollapse.style.fontWeight = "bolder"; btnCollapse.style.cursor = "pointer";
  21.     btnCollapse.style.background = "#fff"; btnCollapse.style.borderRadius = "4px"; btnCollapse.style.border = "#0011008c solid 1px";
  22.     btnCollapse.style.top = "13px";
  23.     btnCollapse.onclick = function() {
  24.       if(status) {
  25.           newStyle.innerText = ".ALpC8b,.a-ec-Gd.a-ec-Gd-Cs-mp-S { display: block !important; } .ZHllM {position: relative;}";
  26.           status = false;
  27.           btnCollapse.innerText = "<";
  28.           btnCollapse.style.position = "absolute";
  29.           btnCollapse.style.marginLeft = "210px";
  30.       } else {
  31.           newStyle.innerText = ".ALpC8b,.a-ec-Gd.a-ec-Gd-Cs-mp-S { display: none !important; }";
  32.           status = true;
  33.           btnCollapse.innerText = ">";
  34.           btnCollapse.style.position = "inherit";
  35.           btnCollapse.style.marginLeft = 0;
  36.       }
  37.     };
  38.  
  39.     var newButton = document.querySelector(".a-ec-Gd-Cs-mp-S");
  40.     newButton.after(btnCollapse);
  41.     // Set Style and Append
  42.     newStyle.id = "new-style";
  43.     newStyle.innerText = ".a-hrN2W-S-kl-Gd > .a-s-tb-kl-Gd-ig, .a-D-B-Lc-j { min-width: 0px !important; } .ZHllM {position: relative;}";
  44.     console.log(newStyle.innerText);
  45.     document.body.appendChild(newStyle);
  46.  
  47.     if (defaultCollapsed) {
  48.         status = false;
  49.         btnCollapse.click();
  50.     }
  51. })();