Kolorowe oznaczenie statusu zamówień
Dodaje wyraźne kolorowe obramowanie do plakietek statusu zamówień, dzięki czemu opłacone, oczekujące i problematyczne pozycje od razu rzucają się w oczy.
Kod do skopiowania
.Polaris-Badge:has([class*="text"]) { font-weight: 600 !important; }
.Polaris-Badge--toneSuccess,
.Polaris-Badge--statusSuccess {
outline: 2px solid #1a7f4b !important;
}
.Polaris-Badge--toneWarning,
.Polaris-Badge--statusWarning {
outline: 2px solid #b98900 !important;
}
.Polaris-Badge--toneAttention,
.Polaris-Badge--toneCritical,
.Polaris-Badge--statusCritical {
outline: 2px solid #c4341e !important;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.