Vivaldi Socialをcssでちょっといじる

マストドン系SNS、Vivaldi Socialというものがあります。
Vivaldiというブラウザのチームが運営しているfediverseのひとつです。
で、書き込み欄が結構かさばってたので、マウスオーバーで出てくるようにcssでちょっといじりました。
例によってstylusなどの拡張機能で適用することができます。
公開範囲選択の時に勝手に引っ込んだりして不便な場合もあります。

動画
https://social.vivaldi.net/@koke1024/110671008641214093

.drawer {
    animation-duration: 0.5s;
    position: absolute;
    z-index: 2;
    height: 65px;
}
.drawer__header {
    background-color: #222;
    border-radius: 8px;
}

.drawer:hover {
    animation-name: appear;
    height: 600px
}


@keyframes appear {
    0% {
        height: 65px;
    }
    100% {
        height: 600px;
    }
}

.drawer__inner {
    border-radius: 5px;
    border: #888 solid 4px;
}