☰

Mildom layout deformer

It change Mildom's layout.(ミルダムのレイアウトを変えます)

当前为 2020-09-06 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Mildom layout deformer
// @namespace    Mildom layout deformer
// @version      0.4
// @description  It change Mildom's layout.(ミルダムのレイアウトを変えます)
// @author       meguru
// @match        https://www.mildom.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    setTimeout(function() {
        console.log('-------- start tamper ------------');

        const playerArea = document.getElementsByClassName('room__body')[0];
        if (!playerArea) {
            console.log("not found playerArea");
            return;
        }
        playerArea.style.flexDirection = 'column';

        const player = document.getElementsByClassName('room__player-container')[0];
        if (!player) {
            console.log("not found player");
            return;
        }
        playerArea.appendChild(player);

        const myRows = document.createElement('div');
        myRows.style.flexDirection = 'row';
        myRows.style.display = 'flex';
        myRows.style.overflow = 'scroll';
        playerArea.appendChild(myRows);

        const chat = document.getElementsByClassName('room__chat')[0];
        if (!chat) {
            console.log("not found chat");
            return;
        }
        myRows.appendChild(chat);

        const myColumns = document.createElement('div');
        myColumns.style.flexDirection = 'column';
        myColumns.style.display = 'flex';
        myRows.appendChild(myColumns);

        const anchor = document.getElementsByClassName('room-anchor-panel')[0];
        if (!anchor) {
            console.log("not found anchor");
            return;
        }
        myColumns.appendChild(anchor);

        const gift = document.getElementsByClassName('gift-panel')[0];
        if (!gift) {
            console.log("not found gift")
            return;
        }
        myColumns.appendChild(gift);

        const relative = document.getElementsByClassName('room-relative')[0];
        if (!relative) {
            console.log("not found relative")
            return;
        }
        myColumns.appendChild(relative);

        console.log('--------- end tamper -------------');
    }, 3000);

})();