Twitter Webのトレンドのツイート数が邪魔すぎる

Twitterが10周年ということで、はっちゃけているのか、Twitter Webのトレンドにツイート数が急に表示されるようになりましたが、これが長いし見辛いし邪魔すぎる！

なんとかなんないものかとCSSで、ちょっとだけいじってみました。

右揃えにしてスッキリさせる

ちょっと強引ですけど、右揃えにしてみたら、まあまあスッキリしたので、しばらくこれでいこうかなと思います。長いトレンドキーワードが出てきた時は、右側のツイート数と被らないように省略して表示するようにしてみました。でも、思いっきり自分の環境用なので、使う人の環境によってはぐっちゃぐちゃになりそう…。

一応userstyles.orgの方にも載せておきました。

@-moz-document url-prefix("https://twitter.com/") {
  .trend-item-context {
    display: inline;
  }
  .trend-item-stats {
    display: block;
    position: relative;
    margin-top: -21px;
    font-size: 11px;
    text-align: right;
  }
  .trend-name {
    display: inline-block;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

やっぱり消す

トレンドのツイート数なんかいらんかったんや

@-moz-document url-prefix("https://twitter.com/") {
  .trend-item-stats {
    display: none;
  }
}

おしまい

どれだけそのトレンドについてツイートされているのか、いつ話題になり始めたキーワードなのか分かるのは便利なんですけど、もうちょっと最初からスッキリ表示させて欲しい！

もっとこうやったらうまくスッキリできるよ！っていうのが合ったら教えてもらえると嬉しいです。

URLをコピーしました！