← Tous les exemples

WhatsApp Web : colonne de discussion plus large

Élargit la zone des messages pour que les bulles prennent plus de largeur et cassent moins de lignes.

Code à copier

/* Widen the conversation column so long messages take fewer lines */
#main [data-testid="conversation-panel-messages"],
#main div[role="application"] > div > div {
  max-width: none !important;
}
#main [data-testid="msg-container"],
#main div[role="row"] > div[class*="message"] {
  max-width: 78% !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.