Rimuovi `!important` da btn-transparent

Il codice boilerplate di discourse sta usando un !important, per favore rimuovilo in modo che io possa sovrascriverlo… senza dover usare anche un important. I pulsanti dovrebbero avere uno stato di focus/hover per l’accessibilità.

Ehi! Questi pulsanti trasparenti forzano la trasparenza perché dovrebbero rimanere trasparenti. Puoi indicarmi dove stai cercando di cambiare quella funzionalità? Al momento il pulsante rimane trasparente anche al passaggio del mouse?

Sì, stanno forzando la trasparenza anche al passaggio del mouse e allo stato attivo. Non vogliamo pulsanti trasparenti e vogliamo che i pulsanti abbiano uno stato al passaggio del mouse/focus e attivo.

Lo screenshot mostra la posizione del pulsante, ma questo vale per tutti i pulsanti:

Ho ripristinato l’anello di focus, ma mi aspetto che anche il colore di sfondo e il colore dell’icona cambino in modo che un utente possa capire quando il mouse ci sta passando sopra.

Il colore dell’icona cambia al passaggio del mouse, ma lo sfondo non cambierà poiché è un pulsante trasparente.

Coinvolgerò altri partecipanti qui. È possibile che dovremo cambiare questo.

Vogliamo che lo sfondo e il colore cambino, quindi avere important ci limita. Cerco anche di non usare mai important nel codice se non è assolutamente necessario, quindi preferirei non dover lottare per sovrascrivere il codice boilerplate.

1 Mi Piace

Sembra che la rimozione di !important vada bene qui, ho aperto una pull request per questo DEV: remove !important from btn-transparent background by awesomerobot · Pull Request #29809 · discourse/discourse · GitHub

5 Mi Piace