☰

Fullscreen Whatsapp Web

Make the Whatsapp Web interface occupy the whole viewport even on large screens (idea suggested by POPO7)

  1. // ==UserScript==
  2. // @name       Fullscreen Whatsapp Web
  3. // @description Make the Whatsapp Web interface occupy the whole viewport even on large screens (idea suggested by POPO7)
  4. // @namespace   StephenP
  5. // @match       https://web.whatsapp.com/*
  6. // @grant       GM_registerMenuCommand
  7. // @version     1.2
  8. // @author      StephenP
  9. // @license     AGPL-3.0
  10. // @contributionURL https://buymeacoffee.com/stephenp_greasyfork
  11. // ==/UserScript==
  12. const st=document.createElement("STYLE");
  13. st.innerHTML=".app-wrapper-web .two, .app-wrapper-web .three{top: 0 !important; width: 100%  !important; max-width: 100%  !important; height: 100%  !important;}";
  14. document.body.appendChild(st);
  15. const com=GM_registerMenuCommand('(Un)blur chats list', blurChatList);
  16. function blurChatList(){
  17.   let blurred=document.getElementById("blurChatList");
  18.   if(!blurred){
  19.     const bl=document.createElement("STYLE");
  20.     bl.id="blurChatList";
  21.     bl.innerHTML="#pane-side{filter: blur(10px)}";
  22.     document.body.appendChild(bl);
  23.   }
  24.   else{
  25.     blurred.remove();
  26.   }
  27. }