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)