← Wszystkie przykłady

Trello: pełny tekst etykiet na kartach

Rozwija kolorowe paski etykiet do pełnych nazw, dzięki czemu rozpoznasz je bez najechania.

Kod do skopiowania

/* Always show full label text on cards, not just colour bars */
.card-label,
[data-testid="card-label"] {
  height: auto !important;
  min-height: 16px !important;
  padding: 1px 8px !important;
  font-size: 11px !important;
  line-height: 16px !important;
}
.card-label span,
[data-testid="card-label"] span {
  display: inline !important;
}

Jak użyć tego przykładu

1. Skopiuj kod przyciskiem powyżej.
2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
3. Dodaj nową regułę dopasowaną do tej strony.
4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.