← Tous les exemples

Liste de clients compacte

Réduit les marges et avatars de la liste clients Booksy Biz pour afficher plus de noms à l'écran.

Code à copier

[data-testid*="client-row" i], [class*="client-list" i] li,
[class*="customer-item" i] {
  padding: 4px 10px !important;
  min-height: 0 !important;
}
[data-testid*="client-row" i] [class*="avatar" i],
[class*="client-list" i] img {
  width: 28px !important;
  height: 28px !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.