Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
#17,543 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
angularjs, typescript
Área
design, frontend

Línea de trabajo

Reproduce el problema en la URL de public-cloud data-streaming en Firefox e inspecciona los dos elementos oui-dropdown correspondientes a los botones Roadmap & Changelog y Guides. Compara la alineación vertical del texto, los tamaños de los iconos y el espacio entre el icono y la etiqueta; se considera terminado cuando ambos botones se vean visualmente coherentes.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
TypeScript
Estrellas
287
Forks
122
Merge medio
1 d 15 h
PR fusionados (30 d)
68

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de ovh/manager

Todos los issues de ovh/manager

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.