コウジジャーナル
ホーム > WEBサービス > Trelloのカード一覧でラベル名を表示する方法
  • 2016年11月20日

Trelloのカード一覧でラベル名を表示する方法

カンバン方式でタスク管理できるTrello。
使い心地がよく仕事でもプライベートでも使っていますが、不便に感じていたことがありました。

カードを一覧化しているとき、ラベル名が見えない!

カードの詳細を見るとラベル名が見えるのですが、ボードにカードが並んでいる状態では、ラベル名が見えないんですよね。。

ラベルの色だけは確認できますが、ラベル名も見えたほうがわかりやすい!

というわけでサイトごとのスタイルを独自に設定できるStylishを使って、ラベル名を表示してみました。

Stylishをインストール

Stylishはブラウザの拡張機能で、FireFox版とChrome版それぞれ用意されているので、使っているブラウザの方をインストールします。

Chrome版 Stylish

FireFox版 Stylish

Stylishで設定

Trelloを開いたら、Stylishで下記のスタイルシートを適用します。

.card-label.mod-card-front {
    float: none;
    display: inline-block;
    height: auto;
    width: auto;
    padding: 5px;
    line-height: 1;
    font-size: 12px;
}

さいごに

一覧では色だけで、ラベル名が表示されないほうが、スマートかもしれませんが、視覚的に何のラベルか認識できるので、ラベル名の表示はめちゃくちゃオススメです!

スポンサーリンク
名前:コウジ

フリーランスのエンジニア、ブロガーのコウジが日常生活で気づいたこと、購入したモノのレビュー、仕事・働き方のこと、生活を楽しくするTips、僕が好きなディズニー・ガジェット・WEBについて書いています。