Jaishree2310/GlassyUI-Components

Issue: Navbar blends into background on Stories section

Ouverte

#554 ouverte le 19 mai 2026

Voir sur GitHubGuide contributeur
 (22 commentaires) (0 réaction) (0 personne assignée)TypeScript (217 forks)auto 404
good first issuegssoc'26gssoc:approvedlevel:beginnertype:fix

Métriques du dépôt

Stars
 (114 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

Description

The navbar in the Stories section visually merges with the page background, making it difficult to distinguish from the rest of the UI.
This affects the overall visual hierarchy and makes the interface look less polished.

Steps to Reproduce

  1. Open the application
  2. Navigate to the Stories section
  3. Observe the navbar appearance at the top

Expected Behavior

The navbar should remain visually distinct from the background with proper contrast and separation.

Actual Behavior

The navbar blends into the background and loses visibility against the light/glassmorphism UI.

Possible Fixes

  • Add stronger background opacity or blur
  • Add a bottom border or shadow
  • Improve contrast between navbar and background
  • Use a slightly darker/lighter glass layer for the navbar

Screenshot

Guide contributeur

Direction de recherche
Inspectez les styles de la barre de navigation dans la section Stories et ajustez les propriétés de l'effet verre telles que l'opacité de l'arrière plan, le flou du filtre d'arrière plan, ou ajoutez une bordure inférieure subtile ou une ombre pour un meilleur contraste.
Stack technique
typescriptcss
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80