Nur eine Randbemerkung, aber ich habe kürzlich daran erinnert, dass XenForo schon immer einen Ladebalken hatte. Es freut mich zu sehen, dass Discourse jetzt etwas Ähnliches hat. ![]()
Ich frage mich, was bei einer schlechten Netzwerkverbindung viel ärgerlicher ist.
Toll! ![]()
Sie können schlechte Netzwerkbedingungen simulieren, indem Sie die f12-Konsole in Chrome verwenden, falls Sie möchten.
Update zum iPhone 6s:
Sieht mit dem Dark-Theme und vielen anderen Themes auf dem Mobilgerät jetzt sehr gut aus.
Gut gemacht!
Update für den Desktop:
Der Ladeschieber ist auf Chromium mit 27"- und 34"-ROG-Monitoren immer noch kaum sichtbar.
Könnten wir eine Theme-Option hinzufügen, um die Anzeige basierend auf Mobilgerät oder Desktop zu aktivieren/deaktivieren?
Ich kann das mit Facebook-Login reproduzieren. Es scheint, dass dies den URL-Parameter #_=_ verursacht.
Ich habe festgestellt, dass das Deaktivieren des Plugins discourse-topic-list-previews alle Probleme mit dem Loading slider behebt. Sobald ich es wieder aktiviere, tritt das Problem erneut auf.
Wir verwenden keine Anmeldungen von Drittanbietern, daher scheint es sich um einen separaten Fehler zu handeln (oder ist er irgendwie damit verbunden?)
Edit: Tatsächlich bleibt die Seite bei aktivierten beiden Plugins nur auf Themen unscharf, bei denen discourse-topic-list-previews ein Bild gefunden hat, um das Standardbild zu ersetzen … sowie auf der Kategorien-Seite.
Nachfolgendes Ergebnis aus Tests auf Mobilgeräten und Desktops mit vielen Themes: Für diesen großartigen Slider scheint eine solche Lösung ein schönes Ergebnis zu liefern:
height: 4px;
@media only screen and (min-width: 960px) {
height: 7px;
}
Ein hinzugefügter Pixel (von 3px auf 4px) sieht auf Mobilgeräten großartig aus; auf größeren Desktop-Bildschirmen wirkt alles über 5px ansprechend, aber ich habe mich vorerst für 7px entschieden ![]()
Ich werde daran weiterarbeiten, sobald ich Zeit habe, und mit verschiedenen Themes auf „großen
Kann ich bitte beim ersten Teil davon zurückkommen? Nach dem Testen auf dem Desktop finde ich das Ausblenden störender als den Schieberegler. Ich denke, das liegt daran, dass ich, wenn ich auf einen Link zu Seite B klicke, erwarte, dass Seite A entweder sofort verschwindet (wie es Discourse früher machte) oder dort bleibt, bis B erscheint (wie bei Webseiten).
Hallo, du kannst dies verwenden, um die Deckkraft zu deaktivieren. Erstelle eine neue Komponente im Admin-Bereich und füge dies im Abschnitt „Common“ hinzu. ![]()
body.loading #main-outlet {
opacity: 1 !important;
}
Aber was bringt das im Vergleich zum Spinner? Nur, um einen Ladebalken zu sehen?
Hiermit wird der Ausblendeffekt deaktiviert. Dies war die erste Version. Nur der obere Slider ohne Ausblendeffekt.
Naja …
Die erste Iteration hatte … überhaupt keine Wirkung, sodass du nach dem Klicken auf einen Link keine visuelle Rückmeldung erhieltst, abgesehen vom Slider. Das war nicht ideal.
Ich bin hin- und hergerissen zwischen einer undurchsichtigen Seite und einer leeren Seite beim Klicken. Ich stimme zu, dass es etwas ablenkend sein kann. Vielleicht ist ein Ausblenden auf 0 beim Klicken besser … ich bin mir nicht sicher.
Ja, ich denke auch, vielleicht… Es ist wirklich schwierig… Vielleicht wären anpassbare Effekte für alle eine gute Lösung. ![]()
Persönlich gefällt mir der Fading-Effekt auch sehr gut. ![]()
Das einzige Problem mit einer Opazität von 0 ist, dass dies aktuell nur den main-outlet betrifft. Der header und below-site-header sind weiterhin sichtbar.
Ich vermute, dass es schwierig ist, meinen persönlichen Schmerz bezüglich des Ausblendens (zumindest auf dem Desktop) zu artikulieren @awesomerobot / @david
Ich finde es sehr, sehr schwer, den ausgeblendeten Text zu lesen. Daher muss mein Gehirn bei jedem Übergang für einen Bruchteil einer Sekunde ausgeblendeten Text lesen, was etwas ermüdend ist.
Vielleicht wäre es besser, wenn es zu nichts ausblenden würde, ich weiß es nicht. Ein Teil des Problems ist auch, dass ich 250 ms entfernt bin, sodass ich mindestens etwa 300 ms warten muss, was garantiert, dass einige Zeit damit verbracht wird, auf ausgeblendete Buchstaben zu schauen.
Nur zur Info,
Ich habe den Body-Übergang (den ausblendenden Text) auskommentiert und finde, es sieht in Ordnung aus (und fühlt sich vielleicht sogar schneller an), wenn kein Body-Übergang vorhanden ist. Sechs von einem, ein halbes Dutzend vom anderen…
// body #main-outlet {
// transition: opacity 0.2s ease;
// }
// body.loading #main-outlet {
// opacity: 0.2;
// transition: opacity var(--loading-duration) ease;
// }
Cheers Don, das reicht ![]()
Ja, auf dem Handy dachte ich, dass das Ausblenden den Balken verbessert, aber ich habe mir das auf dem Desktop vor der Einführung des Ausblendens nicht genauer angesehen. (Auf dem Desktop fand ich das Ausblenden störend.)

