ClrCompactIntercept

CLR

当前为 2024-03-16 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name CLR
// @namespace .
// @version 1
// @description .
// @author .
// @license MIT
// @grant GM_addStyle
// @run-at document-start
// @include https://stumblechat.com/room/*
// ==/UserScript==

(function() {
    let css = `
        .message .nickname ~ .content {
            display: inline-block;
            top: -7px;
            position: relative;
            margin-left: 2px;
            margin-right: 1em;
        }
        .content + .content {
            display: inline-block!important;
            margin-right: 1em;
        }
        .message .nickname ~ .content span {
            line-height: 1.5em;
        }
        #clr-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 9999;
            display: none;
        }
        #clr-button {
            position: fixed;
            top: 20px;
            left: 20px;
            background-color: #ffffff;
            padding: 10px;
            border: 1px solid #000000;
            cursor: pointer;
            z-index: 10000;
            display: none;
        }
    `;
    
    if (typeof GM_addStyle !== "undefined") {
        GM_addStyle(css);
    } else {
        let styleNode = document.createElement("style");
        styleNode.appendChild(document.createTextNode(css));
        (document.querySelector("head") || document.documentElement).appendChild(styleNode);
    }

    function removeAllDivClasses() {
        let chatContent = document.querySelector("#chat-content");
        if (chatContent) {
            chatContent.querySelectorAll("div").forEach(div => {
                div.removeAttribute("class");
            });
        }
        let chatContentLarge = document.querySelector("#chat-content.large");
        if (chatContentLarge) {
            chatContentLarge.querySelectorAll("div").forEach(div => {
                div.removeAttribute("class");
            });
        }
    }

    function toggleOverlay() {
        let overlay = document.getElementById("clr-overlay");
        let button = document.getElementById("clr-button");
        if (overlay.style.display === "block") {
            overlay.style.display = "none";
            button.style.display = "none";
        } else {
            overlay.style.display = "block";
            button.style.display = "block";
        }
    }

    function createOverlayButton() {
        let overlay = document.createElement("div");
        overlay.id = "clr-overlay";
        overlay.addEventListener("click", toggleOverlay);
        document.body.appendChild(overlay);

        let button = document.createElement("div");
        button.id = "clr-button";
        button.innerText = "clr";
        button.addEventListener("click", function(event) {
            event.stopPropagation();
            removeAllDivClasses();
            toggleOverlay();
        });
        document.body.appendChild(button);
    }

    createOverlayButton();
})();