YouTube Emoji Streamliner.user.js

// ==UserScript==
// @name         YouTube Emoji Streamliner
// @namespace    http://piro.moe
// @updateURL    https://github.com/planetarian/TamperMonkey-Scripts/raw/main/YouTube%20Emoji%20Streamliner.user.js
// @downloadURL  https://github.com/planetarian/TamperMonkey-Scripts/raw/main/YouTube%20Emoji%20Streamliner.user.js
// @version      0.4.3
// @description  Hopefully make the emoji panel less annoying?
// @author       Chami
// @match        https://*.youtube.com/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';
    // Increase the minimum height of the chat panel
    GM_addStyle("ytd-watch-flexy[flexy] #chat.ytd-watch-flexy:not([collapsed]).ytd-watch-flexy, ytd-watch-flexy[flexy] #chat-container.ytd-watch-flexy:not([chat-collapsed]).ytd-watch-flexy { min-height: 80vh; }");
    // Remove all categories except the first one (this channel's emoji)
    GM_addStyle("#categories yt-emoji-picker-category-renderer:nth-child(n+2) { display: none; }");
    // Remove the category title, since we're only showing one anyway
    GM_addStyle("#title.yt-emoji-picker-category-renderer { display: none; }");
    // Remove the 'category' buttons, since we've removed the categories
    GM_addStyle("#category-buttons.yt-emoji-picker-renderer { display: none; }");
    // Reduce the padding of the panel
    GM_addStyle("yt-live-chat-message-input-renderer { padding: 8px; }");
    // Make the emoji/SC/send buttons a bit smaller
    GM_addStyle("yt-button-renderer #button.yt-button-renderer { height: 32px; }");
    // Remove the emote search box
    GM_addStyle("#search-panel.yt-emoji-picker-renderer { display: none; }");
    // Make the emoji picker not take up so much vertical space
    GM_addStyle("yt-emoji-picker-renderer.yt-live-chat-message-input-renderer { min-height: 50px; max-height: 15vh; }");
    // Make ytcFilter's resize grabber easier to grab (can grab the transparent space below it)
    GM_addStyle("#ytc-filter .vc-resize, #ytc-filter hr.resize { height: 10px; position: absolute; }");
    // Maximize the chat panel to fill vertical space
    ['load', 'scroll'].forEach(m => window.addEventListener(m, e => document.body.classList[window.scrollY ? 'remove' : 'add']('unscrolled'), false));
    GM_addStyle("body.unscrolled:not([no-scroll]) ytd-watch-flexy[is-two-columns_]:not([fullscreen]):not([theater]) iframe#chatframe { position: fixed; top: 60px; bottom: 0; margin-left: -25px; max-width: 450px; height: calc(100% - 60px); z-index: 2200; }");
    // Prevent channel names from showing over chat
    GM_addStyle("html.efyt-control-bar-visible #secondary-inner ytd-live-chat-frame { z-index: 301 !important; }");
})();