ホーム > 暮らし > WEBサービス > Trelloのカード一覧でラベル名を表示する方法

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

さいごに

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

スポンサーリンク
記事を最後まで読んで頂きありがとうございます。
ぜひフォローよろしくお願いします!
このブログを書いている人
コージ

フリーランスでエンジニアとかブロガーやっています。