Twitch Title Fix

Recent Twitch UI change where title is above video player. This reverts that.

当前为 2024-12-11 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name         Twitch Title Fix
// @namespace    http://tampermonkey.net/
// @version      0.0.1
// @description  Recent Twitch UI change where title is above video player. This reverts that.
// @author       Nanakusa
// @match        https://www.twitch.tv/*
// @icon         https://static-cdn.jtvnw.net/jtv_user_pictures/6a277ac2-ed5f-4daf-bb27-5a605b69a1f2-profile_image-300x300.png
// @grant        none
// @license MIT
// ==/UserScript==

function fixPosition() {
    const item = document.querySelector('.channel-root__upper-watch');
    const container = document.querySelector('.channel-info-content');
    const beforeDiv = container.querySelector("section");
    if (!item || item.getAttribute("fixed") || !container || !beforeDiv) return;
    item.style.width = "100%";
    container.insertBefore(item, beforeDiv);
    item.setAttribute("fixed", true);
};

window.addEventListener('load', () => {
    fixPosition();
});

fixPosition();

new MutationObserver(mutations => {
    mutations.forEach(mutation => {
        if (mutation.type === 'childList' || mutation.type === 'attributes') {
            fixPosition();
        }
    });
}).observe(document.body, { childList: true, subtree: true, attributes: true });

欢迎访问Greasy Fork镜像