Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Active Navigation State Is Not Highlighted in the Navbar

オープン 初心者向け
#91 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@Taha254511 がすでに取り組んでいます。

2026年10月16日 から。

  • #115 @StackFox による — オープン
  • #127 @Taha254511 による — オープン

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
72/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
html
領域
frontend

調査の方向性

ペイロードにはナビゲーションバーのファイル名が書かれていないため、まずサイトのHTMLページでナビゲーションのマークアップを探し、現在のページがどのように識別されているかを確認してください。現在のページに対応するリンクに、目に見えるアクティブ状態のスタイルを追加します。例えば nav 項目用のクラスを使います。Browse、Learn、Teach、Wait のそれぞれが自分のページで、他と区別できる強調表示を示せば完了です。

索引モデルが issue の本文から書いたものです。

説明

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.

主要言語
HTML
スター
3
フォーク
28
平均マージ
2日 4時間
マージ済み PR(30日)
8

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

alphaonelabs/learn のほかの issue

alphaonelabs/learn の issue をすべて見る

似ている issue

Web Dev の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。