← Todos los ejemplos

Atenuar pedidos archivados y cancelados

Atenúa las filas de pedidos archivados y cancelados para centrarte en los activos que requieren acción.

Código para copiar

.Polaris-IndexTable__TableRow:has(.Polaris-Badge--toneSubdued):has(.Polaris-Badge[class*="Success"]) {
  opacity: 0.55 !important;
}
.Polaris-IndexTable__TableRow:has([class*="cancel" i]),
tr:has(.Polaris-Badge:has([class*="text"i])) tr:has([aria-label*="archiv" i]) {
  opacity: 0.5 !important;
}
.Polaris-IndexTable__TableRow:hover { opacity: 1 !important; }

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.