Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Spacing at the top of SidebarNav should be configurable

Ouverte
#334 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 3 jours

@swara030 y travaille déjà.

Depuis le 12/10/2026.

  • #353 par @swara030 — ouverte

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
65/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
Active
Stack technique
typescript
Domaine
frontend

Piste de recherche

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.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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.

Langage dominant
TypeScript
Étoiles
9
Forks
4
Merge moyen
3 j 12 h
PR mergées (30 j)
14

Préparer son environnement

Ouvrir dans Codespaces

Lance le conteneur de développement du projet dans votre navigateur, avec votre propre compte GitHub.

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de DiamondLightSource/sci-react-ui

Toutes les issues de DiamondLightSource/sci-react-ui

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.