feat(vocal): chat ouvert par défaut, partage qui tient sans scrollbar, grille multi-partages#253
Merged
Conversation
…, grille multi-partages Retours d'usage sur la Scène : 1. Le chat était fermé par défaut et derrière un bouton qu'il fallait chercher. Il est maintenant OUVERT par défaut, et se replie d'une flèche (chevron dans son en-tête). Replié, il laisse un onglet fin à droite pour le rouvrir : on ne cherche plus un bouton. Le choix reste mémorisé. 2. Il fallait scroller pour voir le bas d'un partage. Cause : la bande du salon forçait chaque tuile en `aspect-ratio: 16/9` dans un conteneur `overflow-y-auto` ; sur une colonne large, la tuile devenait plus haute que la place disponible, donc ça débordait. Désormais la grille TIENT dans sa hauteur : lignes ET colonnes sont dérivées du nombre d'écrans (1→1x1, 2→2x1, 3-4→2x2, 5-6→3x2, 7-9→3x3…), chaque tuile occupe sa case et la vidéo (object-contain) s'y adapte. Plus jamais de débordement, quel que soit le nombre de partages. 3. Dans la Scène, les miniatures passent de la colonne de DROITE à une bande horizontale EN BAS : la droite est réservée au chat, sinon miniatures et chat se disputaient la largeur et rétrécissaient la vidéo pour rien. La bande défile horizontalement, donc 2, 3, 5 ou 10 partages tiennent sans rogner la scène. Le bouton "Chat" de l'en-tête disparaît (redondant avec la flèche). svelte-check 0 erreur, build prod OK.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Retours d'usage traités
1. Le chat doit être là par défaut, avec une flèche
Il était fermé par défaut, derrière un bouton « Chat » qu'il fallait chercher et qui ne parlait pas.
Désormais : ouvert par défaut, replié d'une flèche (chevron dans son en-tête). Une fois replié, il laisse un onglet fin sur le bord droit pour le rouvrir. Le choix reste mémorisé, donc on ne le rouvre pas de force à celui qui l'a replié. Le bouton « Chat » de l'en-tête disparaît (redondant).
2. Plus de scrollbar pour voir le bas d'un partage
Cause : la bande du salon forçait chaque tuile en
aspect-ratio: 16/9dans un conteneuroverflow-y-auto. Sur une colonne large, la tuile devenait plus haute que la place disponible → débordement → scrollbar.Correctif : la grille tient dans sa hauteur. Lignes et colonnes sont dérivées du nombre d'écrans, chaque tuile occupe sa case, et la vidéo (
object-contain) s'y adapte. Plus aucun débordement possible.3. Et avec 2, 3, 4, 5 partages ?
C'est le même correctif. La grille s'adapte :
Dans la Scène, les miniatures passent de la colonne de droite à une bande horizontale en bas : la droite est réservée au chat, sinon miniatures et chat se disputaient la largeur et rétrécissaient la vidéo pour rien. La bande défile horizontalement, donc 2, 3, 5 ou 10 partages tiennent sans jamais rogner la scène.
Tests
svelte-check0 erreur, build prod OK. Frontend uniquement.