Quando si utilizza il menu a discesa delle notifiche dell’argomento (Watching/Tracking/Normal/Muted), il testo e l’icona dell’elemento attualmente selezionato diventano invisibili a causa del contrasto insufficiente tra il colore di sfondo della selezione e i colori in primo piano.
Passaggi per riprodurre
-
Aprire un qualsiasi argomento
-
Fare clic sul pulsante della campanella delle notifiche in fondo all’argomento
-
Osservare il livello di notifica attualmente selezionato (ad esempio, “Tracking”)
Comportamento previsto
L’elemento selezionato dovrebbe avere testo e icona chiaramente visibili con un buon contrasto.
Comportamento attuale
-
L’etichetta del testo scompare o diventa molto difficile da leggere
-
L’icona della campanella diventa invisibile
-
Il problema è più evidente nei temi scuri, ma può interessare qualsiasi tema a seconda della palette di colori
Dettagli tecnici
In app/assets/stylesheets/common/select-kit/select-kit.scss, lo stato .is-selected imposta solo il colore di sfondo senza garantire il contrasto in primo piano:
&.is-selected,
&.is-selected.is-highlighted {
background: var(--d-selected);
// Nessuna sovrascrittura del colore per testo o icone
}
La variabile CSS --d-selected deriva dal colore $selected del tema, ma il testo (.name, .desc) e le icone (.d-icon) mantengono i loro colori predefiniti che potrebbero non contrastare bene con lo sfondo della selezione.
Screenshot
Ambiente
-
Versione di Discourse: latest
-
Browser: Edge
-
Tema: tema Foundation