Skip to content

Instagram - Collapsed Sidebar by nguyentdat27

Screenshot of Instagram - Collapsed Sidebar

Details

Authornguyentdat27

LicenseNo License

Categoryinstagram.com

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Minimize the sidebar only show username and avatar, suitable for anyone dont like large screen for Instagram, just small space for chatting purpose.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           instagram.com - 11/13/2022, 12:58:59 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("instagram.com") {
    /* Insert code here... */
    @media (max-width: 935px) {
        ._aa5c {
            width: 100px;
        }

        /*   Hide message, name under avatar       */
        ._ab8w._ab94._ab97._ab9f._ab9k._ab9p._ab9_._aba8._abcm {
            display: block;
        }

        ._ab8w._ab94._ab99._ab9f._ab9m._ab9p._abbj._abcm {
            display: contents;
        }

        ._ab8w._ab94._ab96._ab9g._ab9k._ab9p._abcm {
            display: inline-block;
        }

        ._ab8w ._ab94 ._ab99 ._ab9f ._ab9m ._ab9p ._abcm {
            margin-top: 2px;
            align-items: center;
        }

        ._aacl._aaco._aacu._aacy._aada {
            display: none;
        }

        ._aacl._aaco._aacu._aacx._aada {
            white-space: normal;
            text-align: center;
        }
    }
}

Reviews

No reviews yet.