Commit 8455d740 authored by Kourser's avatar Kourser
Browse files

Correctif : le chat n'affichait que six messages, composeur au milieu 

`.chat-msgs` portait un `max-height: 380px`. La zone des messages ne pouvait donc
pas dépasser cette hauteur : le composeur se posait juste dessous — au milieu de
l'écran — et tout l'espace restant demeurait vide.

Ce plafond était inoffensif tant que le chat mesurait 320 px de haut. En le passant
en pleine hauteur, je l'ai rendu visible sans le retirer : la régression est de moi.

Plafond supprimé, et `min-height: 0` ajouté sur la zone des messages. Sans lui un
enfant flex refuse de rétrécir sous son contenu, et `overflow-y` ne défile jamais —
la zone aurait poussé le composeur hors de l'écran au lieu de scroller.

La liste des canaux défile pour la même raison : sur un exercice fourni en canaux,
elle déformait la grille.

L'auto-défilement sur le dernier message ne fonctionnait d'ailleurs pas vraiment
jusqu'ici, faute d'un conteneur de défilement réel.

Non compilé ni exécuté (pas de toolchain Node dans l'environnement utilisé).

Co-Authored-By: Claude (RCA)
parent 89d23791

apps/web/src/styles.css

+10 −1
Original line number Diff line number Diff line
@@ -1570,6 +1570,8 @@ textarea { 
  display: flex;

  flex-direction: column;

  gap: 3px;

  min-height: 0;

  overflow-y: auto;

}



.chan {
@@ -1614,14 +1616,21 @@ textarea { 
  min-height: 0;

}



/*

 * Zone des messages : elle occupe tout l'espace restant du fil, le composeur

 * restant collé en bas. `min-height: 0` est indispensable — sans lui, un enfant

 * flex refuse de rétrécir sous son contenu et `overflow-y` ne défile jamais.

 * (Un ancien `max-height: 380px` bornait cette zone : inoffensif quand le chat

 * mesurait 320 px, il laissait la moitié basse vide une fois le chat agrandi.)

 */

.chat-msgs {

  flex: 1;

  min-height: 0;

  overflow-y: auto;

  padding: 12px 14px;

  display: flex;

  flex-direction: column;

  gap: 10px;

  max-height: 380px;

}



.cmsg .cmh {