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

Spacing at the top of SidebarNav should be configurable

Offen
#334 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 3 Tagen

@swara030 arbeitet bereits daran.

Seit 12.10.2026.

  • #353 von @swara030 — offen

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
65/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Aktiv
Tech-Stack
typescript
Bereich
frontend

Rechercherichtung

Start by locating the SidebarNav component and its existing empty Toolbar spacer, then inspect how its component API and footer slot are structured. The change is done when the top and bottom spacing can be configured for layouts using components other than MUI's AppBar, without obscuring the footer slot.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

needs-triage

Change Proposal: Configurable space at the top and bottom of SidebarNav

SidebarNav was originally created to sit under MUI's AppBar, which uses a Toolbar. Following MUI's own guidance, SidebarNav used an empty Toolbar at the top of the component for perfect alignment with the content in the main section. When some other component is used instead of AppBar e.g. our own NavBar, the space created by Toolbar doesn't match what we want. That space should be configurable. The same is true for a bottom spacer, so that the footer slot is not obscured by a potential status bar.

Vorherrschende Sprache
TypeScript
Sterne
9
Forks
4
Ø Merge
3 T. 12 Std.
Gemergte PRs (30 T.)
14

Entwicklungsumgebung

In Codespaces öffnen

Startet den Dev-Container des Projekts im Browser, mit Ihrem eigenen GitHub-Konto.

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 DiamondLightSource/sci-react-ui

Alle Issues in DiamondLightSource/sci-react-ui

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

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