Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Active Navigation State Is Not Highlighted in the Navbar

Đang mở Phù hợp với người mới
#91 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@Taha254511 đang làm issue này rồi.

Từ ngày 16/10/2026.

  • #115 của @StackFox — đang mở
  • #127 của @Taha254511 — đang mở

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
72/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
html
Lĩnh vực
frontend

Hướng nghiên cứu

Payload không nêu tên tệp thanh điều hướng, vì vậy hãy bắt đầu bằng cách tìm đánh dấu điều hướng trong các trang HTML của trang web và kiểm tra cách trang hiện tại được nhận diện. Thêm kiểu active hiển thị rõ cho liên kết khớp với trang hiện tại, chẳng hạn một lớp cho mục nav. Hoàn thành khi Browse, Learn, Teach và Wait mỗi mục đều hiển thị một kiểu nổi bật riêng biệt trên trang của chính nó.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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.

Ngôn ngữ chính
HTML
Star
3
Fork
28
Merge trung bình
2 ngày 4 giờ
Pull request đã merge (30 ngày)
8

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của alphaonelabs/learn

Tất cả issue của alphaonelabs/learn

Issue tương tự

Thêm issue về Web Dev

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.