物理の駅 by onsanai

Physics-station 研究で日々感じたことを忘れないための備忘録

Twitterの公式ウェブブラウザの検索画面で「i」「j」コマンドを使ったときにツイートが隠れてしまう問題を解決する方法

Twitterの公式ブラウザは、ショートカットキーを使えてツイートを次々と送るときに「i」「j」のコマンドがたいへん便利である。 コマンド一覧は「Shift+?」で出てくる。

しかし、検索画面では残念なことに「i」「j」コマンドを使うとツイートの半分がタブに隠れてしまう。こんな感じに。

f:id:onsanai:20181207220146p:plain:w300

スタイルシートを自分でいじることで、この問題を解決した話。使っているのはChromeのstylebotという拡張機能

chrome.google.com

インストールして「twitter.com」に対して次のように設定する

div.Grid-cell li.selected-stream-item {
    padding-top: 80px;
}

隠れてしまうツイートの上部に空白を入れることでこれを解決出来る。解決した後はこんな感じ。

f:id:onsanai:20181207220718p:plain:w300

もう少しスマートに記述できる方法があれば教えてほしいです。

ちなみに、広告を消す方法

.promoted-tweet {
    display: none;
}
.promoted-trend {
    display: none;
}

ツイート画面を左に持ってくる方法

.content-main {
    float: left;
}
.dashboard {
    float: right;
}

おすすめユーザーとかを消す方法

div.dashboard-right {
    display: none;
}

プロフィールを消す方法

div.DashboardProfileCard {
    display: none;
}

自分のアイコン画像を消す方法

img.top-timeline-tweet-box-user-image {
    opacity: 0;
}
img.Avatar {
    opacity: 0;
}