Twitch Sidebar Hover

Channel sidebar will expand when hovered over and collapsed when the mouse exits

Ask a question, post a review, or report the script.

Wrap lines

// ==UserScript==
// @name         Twitch Sidebar Hover
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Channel sidebar will expand when hovered over and collapsed when the mouse exits
// @author       You
// @match        https://www.twitch.tv/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=twitch.tv
// @grant        none
// @license MIT
// ==/UserScript==

/* jshint esversion: 6 */
(function() {
    'use strict';
    const sideNav = document.querySelector(".side-nav");
    const expandBtn = document.querySelector("button[data-a-target='side-nav-arrow']");
    sideNav.onmouseenter = e => {
        if (sideNav.classList.contains("side-nav--collapsed")) {
            expandBtn.click();
        }
    };
    sideNav.onmouseleave = e => {
        if (sideNav.classList.contains("side-nav--expanded")) {
            expandBtn.click();
        }
    };
})();