NOTICE: By continued use of this site you understand and agree to the binding Terms of Service and Privacy Policy.
// ==UserScript== // @name Twitch wide chat // @namespace http://tampermonkey.net/ // @version 0.1 // @description make twitch chat wider than usual // @author MaTo // @require https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.18.2/babel.js // @require https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/6.16.0/polyfill.js // @match https://www.twitch.tv/* // @license MIT // @grant GM_addStyle // @run-at document-start // ==/UserScript== const CHAT_WIDTH = 52; // <----------- CHANGE THIS VARIABLE TO MAKE CHAT WIDER OR NARROWER console.log("SDAFFSDFSDFSDFSDF") const str = (` .channel-root__right-column.channel-root__right-column--expanded { transform: translateX(-${CHAT_WIDTH}rem) translateZ(0px) !important; } .right-column--beside .channel-root__right-column { width: ${CHAT_WIDTH}rem !important; } @media (min-width: 920px) { main.tw-flex.tw-flex-column.tw-flex-grow-1.tw-full-height.tw-full-width.tw-overflow-hidden.tw-relative.tw-z-default.twilight-main { padding-right: ${CHAT_WIDTH - 34}rem !important; } .persistent-player.persistent-player--theatre.tw-elevation-0 { width: calc(100% - ${CHAT_WIDTH}rem) !important; } .toggle-visibility__right-column--expanded { transform: translateX(-${CHAT_WIDTH}rem) !important; } } .right-column--theatre.right-column--beside { width: ${CHAT_WIDTH}rem !important; } .whispers-open-threads.whispers--theatre-mode.whispers--right-column-expanded-beside { right: ${CHAT_WIDTH}rem !important; } .video-player__container--theatre-whispers { bottom: 0rem !important; } `) GM_addStyle(str)