tweetdeck のタイムライン表示を user css で夜フクロウ風にした

usersteam 止まって、tweetdeck に移ったが、あまりにTLの一覧性が悪すぎたのでやった

こんな感じ

昔使ってた stylish が問題起こしてストアから削除されてたので、 stylebot を使った。

雑なCSS

.column:nth-child(1) {
    width: 600px;
}

.js-stream-item-content {
    padding: 0;
}

.fullname:not(:hover) {
    display: none;
}

.item-box:not(:hover) {
    height: 37px;
    overflow-x: auto;
    overflow-y: hidden;
}

.item-box:not(:hover) .tweet-context {
    display: none;
}

追記: ユーザータイムライン

1番目のカラム(設定によるがユーザータイムライン)だけに適用するようにした。Mentionなどの他のタブはたたむ必要ないと感じたので

.column:nth-child(1) {
    width: 600px;
}

.column:nth-child(1) .js-stream-item-content {
    padding: 0;
}

.column:nth-child(1) .fullname:not(:hover) {
    display: none;
}

.column:nth-child(1) .item-box:not(:hover) {
    height: 37px;
    overflow-x: auto;
    overflow-y: hidden;
}

.column:nth-child(1) .item-box:not(:hover) .tweet-context {
    display: none;
}