Filter nach behobenen Dropdown-Anzeigeproblemen

Beitragen UX
1

Es sieht so aus, als würde der Datei solutions.scss ein display-Eintrag fehlen.

.select-kit scheint display: inline-block; zu sein, wodurch .select-kit.solved-status-filter ebenfalls denselben Wert erhält. Dadurch wird das Filterfeld anders dargestellt als die übrigen Filterfelder.

Ich habe dies vorübergehend mit display: flex; für dieses Element überschrieben. Ich würde gerne einen Pull Request mit einer Korrektur einreichen, aber es gibt nur wenige Informationen dazu, wie Sie Beiträge einreichen möchten.

Als Nebenanmerkung: Die anderen Filter verwenden für den Ruhezustand den rechten Pfeil, hier wird jedoch der nach unten zeigende Pfeil verwendet.

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

2 „Gefällt mir“
2

Vielen Dank für die Meldung! Ich kann das Problem in meiner lokalen Entwicklungsversion von Discourse reproduzieren, die den neuesten Discourse-Code ausführt. Es sieht also so aus, als ob das Problem noch nicht behoben wurde.

Ich habe deinen Beitrag in ein neues Thema in der Kategorie UX verschoben, damit wir das Problem besser verfolgen können.

4 „Gefällt mir“
4

Ich habe hier eine Lösung parat:

Wenn Sie nächste Woche aktualisieren, sollte sie verfügbar sein. Sie ist bereits gemergt und jetzt verfügbar.

In der Zwischenzeit können Sie, falls Sie es sofort beheben möchten, diesen CSS-Code zu Ihrem Themes Ihres Sites hinzufügen:

.select-kit {
  &.solved-status-filter {
    margin-bottom: var(--nav-space); // Kernvariable
    .select-kit-header {
      margin: 0;
    }
  }
}
4 „Gefällt mir“
5

Ich habe an einigen Stellen bemerkt, dass Selektoren, die Variablen in Eigenschaftswerten verwenden, vom Format $var zum Format --var wechseln. Ist dies eine Änderung im Framework und ist dies irgendwo dokumentiert?

1 „Gefällt mir“
6

Das ist korrekt: Für Farben haben wir auf CSS-Eigenschaftsvariablen statt auf SCSS-Variablen umgestellt, um den Dark Mode zu unterstützen. Weitere Details finden Sie hier: Update themes and plugins to support automatic dark mode

Wir verwenden an anderer Stelle ebenfalls Eigenschaftsvariablen, wo immer möglich, anstatt neue Sass-Variablen hinzuzufügen. Beide Methoden haben ihre Vor- und Nachteile.

4 „Gefällt mir“