Reduces some margins in the chatbox and hides the top gifter/cheerer bar
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
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;
}
}