Make WhatsApp webapp fullscreen
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
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;
}
}