Corrige l'affichage des longs pseudos sur le profil sur mobile #6394
Conversation
This file contains 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
Situphen
requested changes
Oct 6, 2022
There was a problem hiding this comment.
QA NOK
Tes modifications sont suffisamment efficaces sur mobile et tablette mais pas assez sur ordinateur car les boutons sur la droite sont tous écrasés !
Ajouter overflow: hidden à l'élément <div class="title"> permet de corriger le soucis.
Édition : Je viens de réaliser que le ticket ne concernant que la partie mobile donc on pourrait fusionner tel quel, mais autant corriger aussi la partie ordinateur étant donné que j'ai une solution qui fonctionne !
Arnaud-D
force-pushed
the
ellipse_pseudos_trop_longs
branch
from
40d4778
to
4357eec
Compare
|
Voilà, j'ai fait la modif. |
Arnaud-D
added
the
hacktoberfest-accepted
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.
Fix #5989.
Ça règle les soucis courants. Je n'ai pas géré les cas encore plus extrêmes qui cassent aussi le design sur ordinateur, ça me paraît trop rare pour être traité avant que le cas ne se présente effectivement.
Contrôle qualité
Créer un compte avec long pseudo ; j'ai choisi "TrèèèèèèèèèèèèèèsLoooongPseudo".
Mettez-lui une sanction et/ou un signalement (important pour voir le comportement des blocs associés).
Regarder que la page est affichée normalement sur une largeur ordinateur.
Utilisez vos outils développeurs pour réduire la taille jusqu'à des tailles ridicules et constater que le pseudo ne déborde pas (d'autres choses peuvent déborder notamment pour le staff, c'est un autre sujet).
Vérifier également que les autres flexpages (la bibliothèque en particulier) fonctionnent bien aussi.