☰

Kick Left Chat

Move channel chatroom to the left of main content

// ==UserScript==
// @name         Kick Left Chat
// @namespace    https://kick.com/
// @version      0.1.1
// @description  Move channel chatroom to the left of main content
// @match        https://kick.com/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
        /* Make the parent of main + chatroom a flex row */
        main#main + #channel-chatroom,
        #channel-chatroom + main#main {
            order: initial; /* reset */
        }

        /* Target parent wrapper that contains main + chatroom */
        #page-content {
            display: flex !important;
            flex-direction: row !important;
        }

        /* Move chatroom left */
        #channel-chatroom {
            order: -1 !important;
            width: 350px !important; /* adjust width */
        }

        /* Make main fill remaining space */
        main {
            flex: 1 !important;
        }
    `);
})();