Mastodon の UI の toot カラムを必要なときだけ出す

2163 ワード
firefox CSS mastodon CSS テキストリンク

概要

画面が小さくて4カラムはちょっと幅とりすぎだと思うかた
マウスオーバーしたときだけ ニョッキリ toot するカラムを出したい と思うんですが。

方法

Firefox なら userContent.css に次の CSS を追加するだけで OK です (あるいはアドオンの Stylish を使えばいいかと)。やったね:

userContent.css
@-moz-document url-prefix(https://pawoo.net/web/timelines/)
{
    .drawer:first-child
    {
        max-width: 1em;
        transition: ease-in-out 0.2s max-width;
    }

    .drawer:first-child:hover
    {
        max-width: 100%;
    }
}

(※ http://pawoo.net/web/timelines/ は参加してるインスタンスの URL に適宜書き換えてください)

Google Chrome でも同じ拡張機能 Stylish で同じようなことができると思います。