☰

Stylus: Fix Message Boxes Width

Fixes message boxes’ width on mobile.

/* ==UserStyle==
@name               Stylus: Fix Message Boxes Width
@description        Fixes message boxes’ width on mobile.
@author             Jason Kwok
@namespace          https://jasonhk.dev/
@version            1.0.0
@license            MIT
==/UserStyle== */

@-moz-document regexp("^\\w+-extension://.+")
{
    @media (max-width: 650px)
    {
        #message-box > div
        {
            max-width: 75vw;
        }
    }
    
    @media (max-width: 450px)
    {
        #message-box > div
        {
            max-width: 95vw;
        }
    }
}