Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Dynamic responsive masthead menu from documentation manifests

Offen
  • Stimmt etwas nicht?
#111 0 Kommentare 0 Reaktionen 1 zugewiesene Person Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

@oto-macenauer-absa arbeitet bereits daran.

Seit 30.9.2026.

  • #112 von @oto-macenauer-absa — offen

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
48/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Aktiv
Tech-Stack
javascript
Bereich
documentation, frontend

Rechercherichtung

Start by reading the current masthead and tracing the normalized manifest data produced during package ingestion, including the packaged kb-docs.json metadata. Then inspect existing catalog and packaged-document navigation behavior before adding tests for manifest-driven entries, compact responsive behavior, current-page state, and keyboard access. Done means all published manifest pages remain reachable without overflow and the existing navigation paths still work.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

enhancement

Feature Description

Replace current masthead’s fixed Library and current-app breadcrumb-style links with dynamic navigation built from packaged kb-docs.json manifests.

Menu must expose documentation apps and their published HTML pages, allowing package owners to add documentation pages through their manifest without masthead source changes.

Problem / Opportunity

Current masthead only identifies library and active app. Users cannot navigate directly among available documentation sites or pages. Fixed horizontal links also risk overflow on tablet and smaller displays.

Acceptance Criteria

  1. Masthead navigation derives app and page entries from loaded kb-docs.json manifests, including manifest-defined page titles, paths, ordering, and sections.
  2. Any valid HTML documentation page published in package manifest can appear as clickable navigation item without knowledge-base code changes.
  3. Navigation remains usable at every viewport width.
  4. Tablet-first responsive behavior prevents horizontal overflow:
    • compact clickable menu control shown when links cannot fit;
    • menu exposes all navigation entries;
    • links wrap or collapse predictably without clipping, overlap, or off-screen content.
  5. Menu supports keyboard navigation, visible focus, accessible names, and correct current-page state.
  6. Existing catalog and packaged-document navigation paths remain valid.
  7. Automated tests cover manifest-driven menu generation, overflow/compact menu behavior, current-page state, and keyboard-accessible controls.

Proposed Solution

Build masthead navigation from normalized manifest data already used during package ingestion. Render full navigation when space allows; use accessible collapsible/disclosure menu at tablet-sized and narrower layouts, or when measured links overflow.

Keep catalog entry available and preserve absolute knowledge-base URL behavior.

Dependencies / Related

None.

Additional Context

Current artifact contract already supports per-app page metadata: titles, paths, ordering, and optional sections. Existing masthead currently renders library plus active-app context only.

Vorherrschende Sprache
JavaScript
Sterne
0
Forks
0
Ø Merge
20 Min.
Gemergte PRs (30 T.)
8

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus AbsaOSS/knowledge-base

Alle Issues in AbsaOSS/knowledge-base

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.