Horizontaler Ladeschieberegler

Anpassung Themenkomponente
1

:police_car_light: Diese Funktion ist jetzt Teil von Discourse Core. Aktivieren Sie sie über die Einstellung „Ladeanzeige beim Seitenaufruf". Weitere Details weiter unten.

Diese Theme-Komponente entfernt den standardmäßigen Discourse-Ladekreis und ersetzt ihn durch einen Ladebalken am oberen Bildschirmrand. Dies ist ein gängiger Ansatz auf anderen Websites (z. B. GitHub). Der Vorteil besteht darin, dass es bei einem Seitenwechsel weniger „Flackern" von Inhalten gibt. Ein möglicher Nachteil ist, dass Discourse weniger wie eine App und mehr wie eine Webseite wirkt.

normal mit Theme-Komponente
ezgif-6-370e14693a43 ezgif-6-f4ed194f762c

Bekannte Probleme:

  • Das Dropdown-Menü für „Neueste / Top / Ungelesen …" bleibt auf Mobilgeräten hängen :white_check_mark:

  • Inkompatibilitäten mit discourse-encrypt (z. B. hängende Beitragstitel beim Wechsel zwischen Themen)
:eyeglasses: Vorschau Theme-Ersteller
:hammer_and_wrench: Repository https://github.com/davidtaylorhq/discourse-loading-slider
:question: Installationsanleitung So installieren Sie ein Theme oder eine Theme-Komponente
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes
92 „Gefällt mir“
Discourse Loading Time
Discourse Version 3.0
Navigation toggle persists on mobile after selection is tapped
Updating the top menu immediately without showing spinner loading for whole page
Docs keeps previous page position
Sublime Theme
2

Das ist für mich optisch viel ansprechender. Der Lade-Indikator ist nett, aber ziemlich störend.

25 „Gefällt mir“
3

Können wir es für ein oder zwei Tage auf Meta ausprobieren, @david?

16 „Gefällt mir“
4

Klar, mal sehen, wie es sich anfühlt. Hier auf Meta aktiviert :+1: (Und dieses Thema vorübergehend angepinnt/umbenannt, damit alle wissen, dass es läuft)

25 „Gefällt mir“
6

Obwohl es mir gefällt, wirkt es wirklich etwas langsamer. Vielleicht liegt es daran, dass ich eine Latenz von ca. 250 ms zu Meta habe.

14 „Gefällt mir“
7

Ja, ich bin da hin- und hergerissen. Es gefällt mir, dass das vollständige Flackern der Seite gestoppt wird, aber es lässt die Benutzeroberfläche etwas weniger reaktionsschnell wirken :thinking:

15 „Gefällt mir“
8

Umgekehrt fühlt sich die Seite bei einer Verbindung mit niedriger Latenz schneller an. Die Reaktionsfähigkeit der Benutzeroberfläche ist jedoch anders.

13 „Gefällt mir“
9

Ich habe den Spinner bevorzugt, obwohl ich ehrlich gesagt nicht wirklich darauf geachtet habe. Mir gefällt, dass er nur für einen Moment da ist und dann die Seite plötzlich erscheint. Das wirkt schnell. Mit der Ladeleiste wird mir das Warten bewusster. Ich habe gemerkt, dass ich sie noch anstarrte, obwohl ich in der Zwischenzeit bereits mit dem Lesen der Seite hätte beginnen können.

Es könnte eine Verbesserung sein, wenn sie in einem früheren Stadium des Seitenladens „endet".

Oder falls Sie vom alten Spinner wegkommen möchten: Wie wäre es mit einem neuen Spinner, der eine kreisförmige Version der Leiste ist – der kurz vor dem Verschwinden genau 360 Grad durchläuft?

10 „Gefällt mir“
11

Dies hat einige verschiedene Rendering-Fehler aufgedeckt (z. B. verursachte das direkte Navigieren von einem Thema zum anderen Probleme bei der Anzeige des OP). Vorläufig aus Meta entfernt, aber Sie können es dennoch über den Theme-Editor-Link im OP ausprobieren.

14 „Gefällt mir“
13

Oh ja, das ist zu 100 % besser. Fühl dich frei, es so zu machen!

17 „Gefällt mir“
16

Der Bug beim Rendern von Themen sollte nun behoben sein, also habe ich dies hier auf Meta wieder aktiviert. Mal sehen, wie es damit läuft.

17 „Gefällt mir“
17

Sieht super aus. :+1:t2: Mach weiter so.

9 „Gefällt mir“
18

Die Bar ist viel besser.

6 „Gefällt mir“
19

Es gefällt mir sehr gut, auch wenn angepasste Spinner die meiste Zeit nicht angezeigt werden.
Ein Problem jedoch: Die Ladeleiste wird nicht verwendet, wenn du das aktuelle Thema oder die Themenliste neu lädst.
Wenn du auf der Meta-Startseite bist, klicke auf das Logo, und du wirst stattdessen den Spinner sehen.

8 „Gefällt mir“
20

Ich mag es viel lieber als den Spinner. Tolle Arbeit!

Wie lässt sich die Farbe der Ladeleiste jedoch festlegen/ändern?

6 „Gefällt mir“
21

Derzeit wird sie basierend auf der Farbe ‘quaternary’ im Farbschema festgelegt. Es wäre einfach, sie individuell per CSS anzupassen, falls gewünscht.

Guter Hinweis, danke. Ich werde prüfen, ob ich auch diesen Fall überschreiben kann :+1:

12 „Gefällt mir“
22

Ist das Ziel, dies langfristig in den Kern von Discourse zu integrieren und keine Theme-Komponente mehr zu benötigen?

7 „Gefällt mir“