Filtrer par problèmes d'affichage du menu déroulant résolus

Contribuer UX
1

Il semble que le fichier solutions.scss manque d’un élément display.

La classe .select-kit semble avoir display: inline-block;, ce qui laisse .select-kit.solved-status-filter avec la même valeur. Cela fait en sorte que la boîte de filtre s’affiche différemment des autres boîtes de filtre.

J’ai temporairement remplacé par display: flex; pour cet élément. Je pourrais proposer une correction via une PR, mais il n’y a pas beaucoup d’informations sur la manière dont vous souhaitez que les contributions soient soumises.

Par ailleurs, les autres filtres utilisent la flèche vers la droite pour l’état au repos, tandis que celui-ci utilise la flèche vers le bas pour l’état au repos.

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

2 « J'aime »
2

Merci de nous avoir signalé cela ! Je peux reproduire le problème sur ma version de développement locale de Discourse, qui exécute le dernier code de Discourse. Il semble donc que le problème n’ait pas encore été résolu.

J’ai déplacé votre message vers un nouveau sujet dans la catégorie UX pour nous aider à suivre ce problème.

4 « J'aime »
4

J’ai une correction prête ici :

Si vous mettez à jour la semaine prochaine, elle devrait être disponible. Elle est fusionnée et disponible dès maintenant.

En attendant, vous pouvez ajouter ce CSS au thème de votre site si vous souhaitez le corriger immédiatement :

.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // variable de base
    .select-kit-header {
      margin: 0;
    }
  }
}
4 « J'aime »
5

J’ai remarqué à plusieurs endroits que les sélecteurs utilisant des variables dans les valeurs de propriétés passent du format $var au format --var. S’agit-il d’un changement de framework et est-ce documenté quelque part ?

1 « J'aime »
6

Oui, pour les couleurs, nous avons effectué la transition vers les propriétés personnalisées CSS au lieu des variables SCSS afin de prendre en charge le mode sombre… Vous trouverez plus de détails ici : Update themes and plugins to support automatic dark mode

Nous utilisons également des propriétés personnalisées plutôt que d’ajouter de nouvelles variables Sass ailleurs, lorsque cela est possible. Chaque méthode présente ses avantages et ses inconvénients.

4 « J'aime »