Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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

Offen
  • Stimmt etwas nicht?
#17,543 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
35/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
angularjs, typescript
Bereich
design, frontend

Rechercherichtung

Reproduziere das Problem an der public-cloud data-streaming URL in Firefox und untersuche die beiden oui-dropdown-Elemente für die Schaltflächen Roadmap & Changelog und Guides. Vergleiche ihre vertikale Textausrichtung, die Symbolgrößen und den Abstand zwischen Symbol und Beschriftung; als abgeschlossen gilt die Aufgabe, wenn beide Schaltflächen visuell konsistent erscheinen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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

Vorherrschende Sprache
TypeScript
Sterne
287
Forks
122
Ø Merge
1 T. 22 Std.
Gemergte PRs (30 T.)
48

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus ovh/manager

Alle Issues in ovh/manager

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.