Skip to content

Twitch chat more room for chat messages by rockethog55

Details

Authorrockethog55

LicenseNo License

CategoryTwitch.tv

Created

Updated

Size1.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Reduces some margins in the chatbox and hides the top gifter/cheerer bar

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           twitch.tv - 9/7/2023, 3:09:33 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("twitch.tv") {
    /* reduce padding of "Stream Chat" header */
    .stream-chat-header {
        padding-left: 5px !important;
        padding-right: 5px !important;
        height: 4rem !important;
    }
    
    /* adjust position of chat toggle button */
    .dGrJWs > .jYKWrK {
        position: relative !important;
        top: -5px !important;
        left: -5px !important;
    }

    
    /* hide top gifter/cheerer bar */
    .gepepe > div:first-child {
        display: none !important;
    }

    /* reduce padding of chat messages  */
    .chat-scrollable-area__message-container > .chat-line__message {
        padding-left: 5px !important;
        padding-right: 10px !important;
    }
    
    /* reduce padding of chat input box */
    .chat-room__content > .chat-input {
        padding: 0 5px 5px 5px !important;
    }

    /* reduce margin of box with chat button */
    .chat-room__content > .chat-input > div > .chat-input__buttons-container {
        margin-top: 5px !important;
    }
    
    /* reduce padding of chat box */
    .chat-wysiwyg-input__editor {
        padding: 5px 85px 5px 38px !important;
    }
    
    /* adjust position of buttons in chat box */
    .chat-input__badge-carousel,
    .dIcAFo > .cvYRWc {
        padding: 0 !important;
    }
}

Reviews

No reviews yet.