Compact Chat

Toggle chat compactfulness

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name         Compact Chat
// @namespace    http://tampermonkey.net/
// @version      2024-11-15
// @description  Toggle chat compactfulness
// @author       Realwdpcker on PixelPlace.io
// @match        https://pixelplace.io/*
// @icon         https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSPzgxYoFXDSUZWfvztvgoWkP_slpX8hNloHg&s
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const compactToggle = () => {
        const rows = document.querySelectorAll('#container #chat .messages .row');
        rows.forEach(row => {
            row.style.padding = '2px 0px';
        });
    };

    const observer = new MutationObserver(compactToggle);
    const target = document.querySelector('#container');
    if (target) {
        observer.observe(target, { childList: true, subtree: true });
    }
})();