Skip to content

Fullscreen WhatsApp by PennyJim

Details

AuthorPennyJim

LicenseGNU GPLv3

Categoryweb.whatsapp.com

Created

Updated

Code size907 B

Code checksumea867ecf

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Make WhatsApp webapp fullscreen

Notes

It 'should' be resilient to the obfuscated classes changing names as selectors are relative, but I just made it so ¯\_(ツ)_/¯

Source code

/* ==UserStyle==
@name           Fullscreen WhatsApp
@namespace      github.com/openstyles/stylus
@version        2
@description    Make WhatsApp fullscreen
@author         PennyJim
==/UserStyle== */
@-moz-document url("https://web.whatsapp.com/") {
    /*The main div of the app*/
    #app div:has(> header:not(header ~ * > header)) {
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        max-width: 100%;
        
        /*The list of chats*/
        > div:nth-child(4) {
            flex: 0 0 25em;
            max-width: 25em;
        }
        
        /*The pane that describes how the pane to the right of chat is placed (I think)*/
        > div:nth-child(2) {
            max-width: 84em; /* why is the fontsize for this element different?*/
        }
        
    }
    
    /*Remove meta ai shit*/
    [aria-label='Meta AI'] {
        display: none;
    }
}

Reviews

No reviews yet.