Skip to content

ajustement largeur menu pour éviter les sauts de lignes#160

Merged
darknoon29 merged 1 commit intoOGSteam:developfrom
Steffronte:develop
Mar 16, 2020
Merged

ajustement largeur menu pour éviter les sauts de lignes#160
darknoon29 merged 1 commit intoOGSteam:developfrom
Steffronte:develop

Conversation

@Steffronte
Copy link
Copy Markdown
Contributor

@Steffronte Steffronte commented Feb 29, 2020

Je voulais à la base raccourcir l'intitulé de Champ de ruine, puis je me suis rendu compte que le problème était ailleurs.

Le menu est limité en largeur par son conteneur parent, il n'y a donc pas de risque de voir le menu prendre plus de largeur si des intitulés étaient long. Or, il y a une limite supplémentaire de 100px de large. Elle provoque des sauts de lignes dans les noms des mods et l'espace personnel. En retirant cette limite, tout les sauts de lignes que j'ai constaté disparaissent.

Voir image avant/après ci-dessous.

ogspy-menu

Le menu est déjà limité en largeur par son conteneur parent. La limite supplémentaire de 100px de large provoque des sauts de lignes dans les noms des mods et l'espace personnel.
@darknoon29
Copy link
Copy Markdown
Member

Ah oui la largeur de la colonne n'est peut être pas fixée sur ogspy du coup...

@Steffronte
Copy link
Copy Markdown
Contributor Author

La colonne est dans un td de 180px. Il y a ensuite un tableau qui est déclaré dans cette colonne, et qui contient le menu et l'image. L'image est fixé à 166px, et le tableau à l'air de se caler sur cette largeur.

Je ne suis pas du tout bon en webdesign ^^. Mais retirer la limite enlève les sauts à la ligne, sans permettre au menu de prendre plus de largeur qu'il ne devrait. Preuve ci-dessous avec un long texte :

image

PS : Si on met un mot très long sans espace ou tiret, ça va effectivement agrandir le menu, mais c'était déjà le cas avant, j'ai testé.

@darknoon29 darknoon29 merged commit 7a4ae47 into OGSteam:develop Mar 16, 2020
@pitch314 pitch314 added this to the 3.3.8 milestone Jan 19, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants