Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Visual coherence for buttons "Roadmap & Changelog" and "Guides"

Ouverte
  • Quelque chose ne va pas ?
#17,543 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
35/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
angularjs, typescript
Domaine
design, frontend

Piste de recherche

Reproduisez le problème sur l’URL de public-cloud data-streaming dans Firefox et examinez les deux éléments oui-dropdown correspondant aux boutons Roadmap & Changelog et Guides. Comparez l’alignement vertical du texte, la taille des icônes et l’espacement entre l’icône et le libellé ; le travail est considéré comme terminé lorsque les deux boutons présentent une apparence visuellement cohérente.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

bug
Have you already contacted our help centre?
  • Yes, I have contacted the help centre.
Is there an existing issue for this?
  • I have checked the existing issues
Describe the bug

Hi,

I haven't contacted the support due to the potential pettiness of this request, but it jumps to my eyes for some reason when I use the console... These buttons are on multiple pages, for example https://www.ovh.com/manager/#/public-cloud/pci/projects/XXXXXXXXX/storages/databases-analytics/data-streaming

1/ Vertical alignment: for the two buttons "Roadmap & Changelog" and "Guides", there is a few pixels difference in the vertical position of the text (or its containing element) ; in the second image above you can see that a vertical line of web developer cuts the bottom of the"g" for "changelog" whereas it does not on the first image

Image
Image

I hacked it a bit more "correctly" on the right-hand of this screenshot with web-developer by applying setting the class on both oui-dropdown to d-flex ng-isolate-scope oui-dropdown, however the pictogram don't seem to be the same size still, so this is likely not enough:

Image

2/ The space between the pictogram and the text of both buttons isn't equal, it feels odd, see the yellow marking:

Image

Thank you for your attention

Steps To Reproduce

Go on https://www.ovh.com/manager/#/public-cloud/pci/projects/XXXXXXXXX/storages/databases-analytics/data-streaming

Expected Behavior

No response

What browsers are you using?

Firefox 138.0.4 (64-bit)

Which devices are used?

Windows 11 PC

Additional information to add?

No response

Langage dominant
TypeScript
Étoiles
287
Forks
122
Merge moyen
1 j 15 h
PR mergées (30 j)
68

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de ovh/manager

Toutes les issues de ovh/manager

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.