search

italia / design-comuni-pagine-statiche

Le pagine statiche che compongono il modello di sito web per i comuni
https://italia.github.io/design-comuni-pagine-statiche
BSD 3-Clause "New" or "Revised" License
19 stars 24 forks source link

Rollover su lingua #37

Closed AlessandroVecchi closed 1 year ago

AlessandroVecchi commented 2 years ago

Ciao, Nel dropdown della scelta lingua, durante l'hover, il link diventa bianco e invisibile

immagine

L'errore è su questa regola:

.link-list-wrapper ul li a:hover:not(.disabled) span {
    color: inherit;
}

che eredita questa

.it-header-slim-wrapper .it-header-slim-wrapper-content a {
    color: #fff;
    text-decoration: none;
}
AlessandroVecchi commented 1 year ago

Come fix override io ho usato come regola:

.it-header-wrapper .dropdown-menu a:hover {
  color: inherit;
}
astagi commented 1 year ago

Grazie @AlessandroVecchi puoi aprire una PR con il fix per controllare il tutto?

AlessandroVecchi commented 1 year ago

Grazie @AlessandroVecchi puoi aprire una PR con il fix per controllare il tutto?

Ciao, volendo sì ma io ho applicato questa regola in override, quindi è un po' un "taccone". La soluzione migliore sarebbe rianalizzare tutto il css e capire come mai è stata applicata quella regola ma non avendo scritto io il codice mi viene un po' difficile.

Un'altra opzione potrebbe essere aggiungere una regola:

.it-header-slim-wrapper .it-header-slim-wrapper-content a:not(.dropdown-item) {
    color: #fff;
}

e modificare la prima in

.it-header-slim-wrapper .it-header-slim-wrapper-content a {
    text-decoration: none;
}

oppure usare delle classi per differenziare