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

Active Navigation State Is Not Highlighted in the Navbar

Abierto Apto para principiantes
#91 1 comentario 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

@Taha254511 ya está trabajando en esto.

Desde el 16/10/2026.

  • #115 de @StackFox — abierto
  • #127 de @Taha254511 — abierto

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
72/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
html
Área
frontend

Línea de trabajo

La carga útil no indica el archivo de la barra de navegación, así que empieza por localizar el marcado de navegación en las páginas HTML del sitio y comprueba cómo se identifica la página actual. Añade un estilo activo visible al enlace que corresponda a la página actual, por ejemplo una clase para el elemento nav. Está terminado cuando Browse, Learn, Teach y Wait muestran cada uno un resaltado distinto en su propia página.

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

Descripción

The navbar does not visually indicate the currently active page.
For example, when visiting the Browse page, the Browse navigation item looks similar to the other items.

Steps to Reproduce:
Open the Alpha One Labs website.
Click on Browse.
Observe the navbar.

Expected Behavior:
The currently active navigation item should be visually highlighted.
The active state should update when navigating between Browse, Learn, Teach, and Wait.

Actual Behavior:
No clear visual indicator identifies the currently active navigation item.

Suggested Solution:
Implement a consistent active state using a different text color, background, underline, or another suitable visual indicator.

Screenshot:
Image
as i am on browse but on navbar it did not highlight that currently i am on browse.

Lenguaje dominante
HTML
Estrellas
3
Forks
28
Merge medio
2 d 4 h
PR fusionados (30 d)
8

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 alphaonelabs/learn

Todos los issues de alphaonelabs/learn

Issues similares

Más issues de Web Dev

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.