Repository navigation
🐛 fix(apps): la card gwm ne déborde plus sur mobile - #85
Merged
Merged
Conversation
Les enfants de la grille de chaque card gardaient min-width: auto : la ligne d'installation Scoop, la plus longue du <pre>, imposait sa largeur à toute la colonne (606 px dans une card de 342 px à 390 px de large), et overflow-hidden coupait le texte et la vidéo à droite. min-w-0 sur les trois enfants : la ligne défile dans son bloc, le reste tient dans la card. Vérifié à 390 et 768 px sur /apps, /experience, / et /blog : aucun élément ne dépasse d'un conteneur qui le coupe (la même sonde en trouvait 21 sur /apps avant le correctif). refs #84
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
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.
Summary
Sur
/apps, la card de gwm débordait sur mobile et tablette, et le texte et la vidéo étaient coupés à droite.Cause : dans la grille de chaque card, les enfants gardaient
min-width: auto. La ligne d'installation Scoop, la plus longue du<pre>, imposait donc sa largeur à toute la colonne : 606 px dans une card de 342 px à 390 px de large. L'overflow-hiddende la card coupait le reste.Correctif :
min-w-0sur les trois enfants de la grille (en-tête, contenu, illustration). La ligne défile dans son bloc de code, le reste tient dans la card.Related Issue
Closes #84
Type of Change
Scope
Checklist
make typecheck)make lint)bun run fmt:check)Additional Notes
Vérifié avec une sonde Playwright qui compte les éléments dépassant d'un conteneur qui les coupe :
/apps390 pxAucun élément coupé non plus sur
/experience,/et/blog, à 390 et 768 px. Après correctif, à 390 px : card de 342 px, bloc d'installation de 292 px qui défile sur 588 px.