← Tutti gli esempi

WhatsApp Web: lista chat compatta

Riduce altezza riga e avatar nella lista chat per vedere più conversazioni insieme.

Codice da copiare

/* Compact chat-list rows so more conversations fit at once */
div[role="listitem"]:has([data-testid="cell-frame-container"]),
[data-testid="cell-frame-container"] {
  min-height: 56px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
[data-testid="cell-frame-container"] img,
[data-testid="cell-frame-container"] div[role="img"] {
  width: 36px !important;
  height: 36px !important;
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.