Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

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

Aperta
  • Qualcosa non va?
#17,543 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
angularjs, typescript
Ambito
design, frontend

Direzione di ricerca

Riproduci il problema all’URL di public-cloud data-streaming in Firefox e ispeziona i due elementi oui-dropdown per i pulsanti Roadmap & Changelog e Guides. Confronta l’allineamento verticale del testo, le dimensioni delle icone e la spaziatura tra icona ed etichetta; il lavoro è completato quando entrambi i pulsanti appaiono visivamente coerenti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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

Lingua principale
TypeScript
Stelle
287
Fork
122
Merge medio
1g 15h
PR unite (30g)
68

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ovh/manager

Tutte le issue di ovh/manager

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.