☰

Twitch: Compact Chat

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

  1. // ==UserScript==
  2. // @name         Twitch: Compact Chat
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2020.18.08
  5. // @description  Larger video in theater mode with smaller chat and emote zoom on hover
  6. // @author       cmcooper123
  7. // @match        https://www.twitch.tv/*
  8. // @match        http://www.twitch.tv/*
  9. // @grant        none
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.   'use strict';
  14. 	(document.head || document.documentElement).insertAdjacentHTML('beforeend',
  15. 		'<style>' +
  16. 			'.channel-root__right-column, .right-column--theatre.right-column--beside { width: 26rem!important; }' +
  17. 			'.persistent-player--theatre { width: calc(100% - 26rem)!important; }' +
  18. 			'.chat-line__message, .chat-line__moderation, .chat-line__status { padding: .3rem 0!important; }' +
  19. 			'.rooms-header { height: unset!important; }' +
  20. 			'.user-notice-line { padding-left: 0.1rem!important; }' +
  21. 			'.chat-input.tw-pd-b-2.tw-pd-x-2 { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; }' +
  22. 			'.tw-textarea { margin-bottom: -1rem!important; }' +
  23. 			'.chat-input .tw-textarea--no-resize { max-height: 50px!important; }' +
  24. 			'.chat-line__message--emote:hover { transform: scale(2)!important; padding-top: 10px!important; z-index: 10 !important; }' +
  25. 			'.simplebar-track { display: none!important; }' +
  26. 			'.chat-shell__expanded { min-width: unset!important; }' +
  27. 			'.stream-chat-header { height: 2rem; }' +
  28. 			'.channel-root__right-column--expanded { min-width: 34rem; }' +
  29. 			'.right-column--theatre .right-column__toggle-visibility { display: none !important; }' +
  30. 			'.chat-viewers__header { height: 3rem !important; }' +
  31. 			'.viewer-card-layer__draggable { width: 26rem !important; }' +
  32. 			'.reward-center__content { width: 24rem !important; }' +
  33. 			'.video-chat__header { height: 2rem !important; }' +
  34. 			'.right-column__toggle-visibility { top: -7px !important; }' +
  35. 			'.chat-input .tw-textarea--no-resize { padding-right: 1em !important; }' +
  36. 		'</style>'
  37. 	);
  38. })();