Twitch: Compact Chat

Larger video in theater mode with smaller chat and emote zoom on hover

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey, Greasemonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

You will need to install an extension such as Tampermonkey to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्क्रिप्ट व्यवस्थापक एक्स्टेंशन इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्क्रिप्ट व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्टाईल व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

// ==UserScript==
// @name         Twitch: Compact Chat
// @namespace    http://tampermonkey.net/
// @version      2020.18.08
// @description  Larger video in theater mode with smaller chat and emote zoom on hover
// @author       cmcooper123
// @match        https://www.twitch.tv/*
// @match        http://www.twitch.tv/*
// @grant        none
// ==/UserScript==

(function() {
  'use strict';
	(document.head || document.documentElement).insertAdjacentHTML('beforeend',
		'<style>' +
			'.channel-root__right-column, .right-column--theatre.right-column--beside { width: 26rem!important; }' +
			'.persistent-player--theatre { width: calc(100% - 26rem)!important; }' +
			'.chat-line__message, .chat-line__moderation, .chat-line__status { padding: .3rem 0!important; }' +
			'.rooms-header { height: unset!important; }' +
			'.user-notice-line { padding-left: 0.1rem!important; }' +
			'.chat-input.tw-pd-b-2.tw-pd-x-2 { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; }' +
			'.tw-textarea { margin-bottom: -1rem!important; }' +
			'.chat-input .tw-textarea--no-resize { max-height: 50px!important; }' +
			'.chat-line__message--emote:hover { transform: scale(2)!important; padding-top: 10px!important; z-index: 10 !important; }' +
			'.simplebar-track { display: none!important; }' +
			'.chat-shell__expanded { min-width: unset!important; }' +
			'.stream-chat-header { height: 2rem; }' +
			'.channel-root__right-column--expanded { min-width: 34rem; }' +
			'.right-column--theatre .right-column__toggle-visibility { display: none !important; }' +
			'.chat-viewers__header { height: 3rem !important; }' +
			'.viewer-card-layer__draggable { width: 26rem !important; }' +
			'.reward-center__content { width: 24rem !important; }' +
			'.video-chat__header { height: 2rem !important; }' +
			'.right-column__toggle-visibility { top: -7px !important; }' +
			'.chat-input .tw-textarea--no-resize { padding-right: 1em !important; }' +
		'</style>'
	);
})();