italia/bootstrap-italia

Componente megamenu versione chiara

Offen

#1.240 geöffnet am 09.10.2024

Auf GitHub ansehenContributor Guide
 (3 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)SCSS (170 Forks)auto 404
featurehelp wanted

Repository-Metriken

Stars
 (355 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 6T 21h) (20 gemergte PRs in 30 T)

Beschreibung

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

  • Ho verificato e non esiste

Versione della libreria

2.9.2

Cosa

Il componente megamenu prevede 2 opzioni possibili:

  • navbar con sfondo bianco / dropdown con sfondi colorato
  • navbar con sfondo colorato / dropdown con sfondo bianco

Servirebbe un'opzione per avere entrambi con sfondo bianco (ed eventualmente entrambi con sfondo colorato)

Perché

Il modello Musei prevede che header e megamenu abbiano sempre sfondo bianco. Questo al momento non è ottenibile con gli stili della libreria. Non vorrei dover ricorrere a degli override che complicano l'aggiornamento della libreria.

Contesto

No response

Altro

UI kit del modello: https://www.figma.com/community/file/1362341553612665419

Contributor Guide

Research-Richtung
Untersuchen Sie die vorhandene Megamenu Implementierung im Repository. Identifizieren Sie die beiden aktuellen Varianten (Navigationsleiste weiß/Dropdown farbig und Navigationsleiste farbig/Dropdown weiß). Verstehen Sie, wie sie mit CSS Klassen gestaltet werden. Fügen Sie dann eine neue CSS Klasse oder einen Modifikator hinzu, der sowohl den Hintergrund der Navigationsleiste als auch des Dropdowns auf weiß (oder beide farbig) setzt. Stellen Sie die Konsistenz mit dem bestehenden Designsystem sicher.
Tech Stack
htmlcssjavascript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Meist klar
Voraussetzungen
CSSHTMLBootstrap
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75