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;
}

さいごに

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

スポンサーリンク
この記事を書いた人
コウジ

フリーランスでエンジニアとかブロガーしてます。横浜と舞浜で過ごしたい人。ビール/ディズニー/スプラトゥーン/Mac/スタバ/将棋。

記事を最後まで読んで頂きありがとうございます。
ぜひフォローよろしくお願いします!

Trelloのカード一覧でラベル名を表示する方法をシェアしよう!