Small hack of a extension to hide/collapse contact list panel on WhatsApp Web.
Not published for Chrome but it works over there too.
This extension adds a new button to the UI which you can click to hide the contact panel.
You can press the button again to unhide the side panel.
You can also collapse the whole left panel by hovering over and clicking on the button present on the right middle of left panel. The button will not be visible without hover.
You can press the button again to expand the left panel. Suggestion by @peter-lyons-kehl.
There is also a setting to collapse the contact menu only leaving the side panel intact. You can bring up this settings by clicking on the extension icon in your toolbar.
Here you can choose the level of collapsing and save the settings.
After which the collapsed view with just the contact menu collapsed will look like this.
This level of collapsing regains space but keeps the side menu so you can still keep track of any new messages. (Suggestion by @broyuken).
- Install web-ext
npm install --global web-ext- Build the extension
web-ext build --ignore-files "./images" "README.md" -n whatsapp_contacts_panel_hider-${version}.zipThis will create a deployable zip file in web-ext-artifacts directory. You can install this zip file in Firefox manually.
All previous versions available in web-ext-artifacts directory.