← Wszystkie przykłady

Trello: wyróżnij plakietkę terminu

Pogrubia i obramowuje plakietkę terminu, by zbliżające się daty rzucały się w oczy.

Kod do skopiowania

/* Make the due-date badge stand out clearly */
.card-front-badges [data-testid="card-due-date-badge"],
.badge.is-due-soon,
.badge.is-due {
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  outline: 1px solid currentColor !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.