Filtra per problemi di visualizzazione del menu a discesa risolti

Sembra che in solutions.scss manchi un elemento display.

.select-kit sembra avere display: inline-block;, il che lascia .select-kit.solved-status-filter con lo stesso valore. Questo fa sì che la casella del filtro venga visualizzata in modo diverso rispetto alle altre caselle dei filtri.

Ho temporaneamente sovrascritto con display: flex; per quell’elemento. Vorrei inviare una PR per la correzione, ma non ci sono molte informazioni su come preferite che vengano effettuate le segnalazioni.

Nota a margine: gli altri filtri usano la freccia verso destra per lo stato di riposo, mentre questo usa la freccia verso giù per lo stato di riposo.

Screenshot_2021-02-12 Latest topics - Pi-hole Userspace

2 Mi Piace

Grazie per averlo segnalato! Riesco a riprodurre il problema sulla mia versione locale di sviluppo di Discourse, che esegue l’ultima versione del codice di Discourse, quindi sembra che il problema non sia ancora stato risolto.

Ho spostato il tuo post in un nuovo argomento nella categoria UX per aiutarci a tracciare il problema.

4 Mi Piace

Ho una correzione pronta qui:

Se aggiornerai la prossima settimana, dovrebbe essere disponibile. È già stato unito e disponibile ora.

Nel frattempo, puoi aggiungere questo CSS al tema del tuo sito se desideri risolvere il problema immediatamente:

.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // variabile core
    .select-kit-header {
      margin: 0;
    }
  }
}
4 Mi Piace

Ho notato in alcuni casi che i selettori che utilizzano variabili nei valori delle proprietà stanno passando dal formato $var al formato --var. Si tratta di una modifica del framework ed è documentata da qualche parte?

1 Mi Piace

Per i colori, abbiamo apportato la modifica alle proprietà CSS personalizzate invece che alle variabili SCSS per supportare la modalità scura… ci sono ulteriori dettagli qui: Update themes and plugins to support automatic dark mode

Abbiamo inoltre iniziato a utilizzare proprietà personalizzate invece di aggiungere nuove variabili Sass altrove, dove possibile; entrambi i metodi presentano alcuni vantaggi e svantaggi.

4 Mi Piace