Evidenzia le caselle di selezione
Aggiunge un contorno netto alle caselle delle tabelle per centrarle meglio nelle selezioni multiple.
Codice da copiare
.Polaris-IndexTable__TableRow .Polaris-Checkbox,
.Polaris-IndexTable td:has(.Polaris-Checkbox),
[class*="IndexTable"] [class*="Checkbox"] {
outline: 2px solid rgba(0,128,96,0.5) !important;
outline-offset: 1px !important;
border-radius: 4px !important;
}
.Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop {
box-shadow: 0 0 0 2px #1a7f4b !important;
}Come usare questo esempio
- Copia il codice con il pulsante qui sopra.
- Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
- Aggiungi una nuova regola corrispondente a quella pagina.
- Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.
Valuta questo esempio
Nessuna valutazione — sii il primo.