← Todos los ejemplos

Altura de fila compacta

Reduce la altura de las filas y las miniaturas para que las listas largas ocupen mucho menos espacio.

Código para copiar

.Polaris-IndexTable__TableRow,
table[class*="Polaris"] tbody tr {
  height: auto !important;
}
.Polaris-IndexTable__TableRow .Polaris-Thumbnail,
.Polaris-IndexTable__TableCell img {
  width: 28px !important;
  height: 28px !important;
}
.Polaris-IndexTable__TableCell { vertical-align: middle !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.