Fluid Mastodon

Mastodon, taking all available width, assuming 3 columns (mastodon.technology, mastodon.social and w3c.social only; fork for other domains)

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        Fluid Mastodon
// @description Mastodon, taking all available width, assuming 3 columns (mastodon.technology, mastodon.social and w3c.social only; fork for other domains)
// @namespace   https://tripu.info/
// @version     0.3.2
// @include     http://mastodon.technology/*
// @include     https://mastodon.technology/*
// @include     http://mastodon.social/*
// @include     https://mastodon.social/*
// @include     http://w3c.social/*
// @include     https://w3c.social/*
// @license     MIT
// @supportURL  https://tripu.info/
// @author      tripu
// ==/UserScript==

console.debug('[Fluid Mastodon] Start');

(() => {
    'use strict';
    if (document && document.getElementsByTagName && document.createElement) {
        var head = document.getElementsByTagName('head');
        if (head && 1 === head.length) {
            const style = document.createElement('style');
            head = head[0];
            style.innerText = `
                .columns-area > .drawer,
                .columns-area > .column,
                .columns-area > .column__wrapper {
                    width: 33%;
                }
                .columns-area > .column__wrapper > .column {
                    width: 100%;
                }
            `;
            head.appendChild(style);
            console.debug('[Fluid Mastodon] ✓ Done');
        } else {
            console.debug('[Fluid Mastodon] ✗ No head');
        }
    } else {
        console.debug('[Fluid Mastodon] ✗ No document');
    }
})();

console.debug('[Fluid Mastodon] End');