Mastodon UI의 toot 열을 필요할 때만 발행

개요

화면이 작아서 4 열이 조금 너비가 많다고 생각하니?
마우스 오버했을 때만 넉넉하게 toot 하는 컬럼을 내고 싶습니다만.

방법

Firefox의 경우 userContent.css에 다음 CSS를 추가하기 만하면됩니다. 했어:

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 크롬에서도 동일한 확장 프로그램Stylish에서도 비슷한 작업을 수행할 수 있습니다.