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

Style problem in docs with banners

Abierto
#480 2 comentarios 0 reacciones 0 asignados Ver en GitHub

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
typescript
Área
frontend

Línea de trabajo

Comienza en la página de documentación de banners y reproduce ambos problemas siguiendo los pasos indicados de checkbox, hover y navegación. Inspecciona el ejemplo del banner y su comportamiento al navegar por la página de documentación; se considera terminado cuando el icono de cierre sigue siendo distinguible al hacer hover y no queda espacio vacío después de salir de un banner fijado.

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

Descripción

bug docs

Actually there are 2 bugs:

  1. When hovering on close button in the example of important banner, the cross icon stays white and becomes undistinguished from hovered background
  2. Navigating to another page with opened Pinned banner leaves empty space

Steps to reproduce the behaviour:

  1. Go to banners doc page
  2. Scroll down to the end
  3. Select checkboxes "Important?" and "Pinned?"
  4. Click on "Show example"
  5. Hover over close button of the banner
  6. See error of white icon on white background
  7. Navigate from left sidebar to another page of the docs
  8. Scroll down a bit
  9. See error of blank space left behind the banner

Expected behavior
I'd expect to not have this bugs:)

Screenshots
1.
image
2.
image

Desktop (please complete the following information):

  • OS: macOS
  • Browser chrome
  • Version 81
Lenguaje dominante
TypeScript
Estrellas
672
Forks
107
Merge medio
2 d 12 h
PR fusionados (30 d)
26

Guía de contribución

Abrir la guía de contribución

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 StackExchange/Stacks

Todos los issues de StackExchange/Stacks

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.