Horizontaler Ladeschieberegler

Sieht gut aus!

Beim Klicken auf Links in diesem Menü (außerhalb der Dropdowns) wird weiterhin der Ladeindikator angezeigt:

1 „Gefällt mir“

Derzeit ist es auf 2 px eingestellt, aber wenn du ein Retina-Display mit Skalierung verwendest (z. B. ein MacBook mit Retina), kann es auf deinem Bildschirm näher an 1 px liegen. Ich werde es heute auf 3 px erhöhen.

Du hast recht, das ist momentan eine etwas inkonsistente Benutzererfahrung. Technisch gesehen ist das eine knifflige Angelegenheit. Der Ladebalken ist derzeit mit dem Ember-Router verknüpft, sodass er nur bei Ember-Routenwechseln angezeigt wird. Einige „Ladezustände

9 „Gefällt mir“

Ich erwarte die Unterstützung für hohe DPI-Werte mit großer Spannung. Vielleicht könntet ihr den Seitenadministratoren die Wahl zwischen dem Lade-Slider und einem überarbeiteten rotierenden Kreis geben (hüstel hüstel :wink:)?

1 „Gefällt mir“

Es wurde nun auf 3 px erhöht, sodass es etwas auffälliger sein sollte.

Administratoren können über eine Themenkomponente alles anpassen. Wenn Seiten also einen Lade-Spinner beibehalten möchten, ist das möglich :slight_smile:

12 „Gefällt mir“

@meghna hat Custom Loading Spinner Component veröffentlicht, eine schöne Möglichkeit, FontAwesome-SVG-Icons zu nutzen, die auf allen DPI-Ebenen funktionieren.

7 „Gefällt mir“

Ich liebe das absolut und stimme @codinghorror zu, dass es als Standard in den Kern verschoben werden sollte.

20 „Gefällt mir“

Ich denke, ich habe das Problem behoben – der Lade-Spinner sollte nun in allen Ansichten der Themenliste verschwunden sein.

9 „Gefällt mir“

Auf dem iPad wird der Ladebalken überhaupt nicht angezeigt. (iPad 5. Generation… glaube ich. iOS 14, DiscourseHub-App)

image

Siehe GIF ^

5 „Gefällt mir“

Guter Fang, danke @CaptainZac. Ich habe einige Anpassungen vorgenommen, sodass es nun in der PWA/DiscourseHub-Ansicht auf dem iPad funktionieren sollte.

Ich habe auch den 1px-Wert für top hinzugefügt, den wir für DiscourseHub auf dem iPhone benötigen. Die volle Höhe von 3px ist jetzt in der App sichtbar und scheint sich recht gut mit dem eigenen Ladebalken von DiscourseHub zu decken.

7 „Gefällt mir“

Ich mag das sehr :+1: Wirklich gute Arbeit! :slightly_smiling_face:

2 „Gefällt mir“

Es scheint, dass der Lade-Slider anstelle des Spinner-Laders auf der Startseite nicht aktiviert wird, wenn auf das Logo geklickt wird.

4 „Gefällt mir“

Perfekt, fang an, es zu nutzen – danke!

2 „Gefällt mir“

Sollte jetzt behoben sein, danke!

7 „Gefällt mir“

Das Problem bei Slidern ist, dass sie sich tatsächlich langsamer anfühlen können (auch wenn die Seite schneller lädt).

Der Grund dafür ist, dass nichts an den meisten Teilen der Seite passiert, bis die Seite vollständig geladen ist – im Gegensatz zur Version mit dem Ladespinner, bei der die Seite sofort nach dem Klick leer wird. Das heißt: Etwas Bedeutendes passiert sofort versus etwas Bedeutendes, das erst nach einer Verzögerung passiert.

6 „Gefällt mir“

Ja, das stimmt, und wir haben das intern ebenfalls diskutiert. Wenn wir den gesamten alten Inhalt auf dem Bildschirm behalten, gibt es nach dem Klicken auf einen Link keine unmittelbare Rückmeldung. Ich habe gerade eine Änderung eingeführt, die den Seiteninhalt während des Ladens (teilweise) ausblendet. (cc @awesomerobot)

Ursprünglich hatte ich es so eingestellt, dass es komplett ausblendet, aber dann blieb nur eine leere Seite übrig. Ich denke, eine Deckkraft von 20 % könnte ein guter Kompromiss sein. Genug Rückmeldung, aber nicht zu abrupt? :thinking:

Momentan blendet es das gesamte #main-outlet aus. Leider glaube ich nicht, dass es eine Möglichkeit gibt, das {{outlet}} für die tatsächlich ladende Route gezielt anzusprechen… aber ich würde mich gerne eines Besseren belehren lassen. Ich denke, die einzige Lösung wäre, alle {{outlet}}-Elemente in unserem Code durch eine benutzerdefinierte Wrapper-Komponente zu ersetzen…

18 „Gefällt mir“

Immer besser und besser… :sunglasses:

7 „Gefällt mir“

Spiel auf das nächste Level heben: Erfasse, wie lange Anfragen im Durchschnitt dauern, und lass die Ausblendungs-Animation genauso lange dauern :rofl:

14 „Gefällt mir“

Super. Sieht viel besser aus. :100::+1:

3 „Gefällt mir“

Es ist besser, David … aber es fühlt sich immer noch langsamer an. Ich bin mir nicht sicher, ob sich das ändern wird, es sei denn, der Effekt ist so deutlich wie beim Spinner, ehrlich gesagt. Es könnte auch einfach eine Eigenschaft des Sliders sein, besonders wenn er immer abgeschlossen wird. Das liegt daran, dass die Seite fertig geladen ist (oder zumindest so wirkt), bevor der Slider fertig ist … doch der Slider ist es, der als Indikator für das Laden der Seite dient und nicht die Seite selbst, weil er so auffällig ist.

6 „Gefällt mir“

https://meta.discourse.org/u/golaxo/summary
Wenn wir von der Profilansicht auf das Discourse-Logo klicken, verschwindet der obere Teil, was seltsam aussieht.

3 „Gefällt mir“