Horizontaler Ladeschieberegler

Cool. Könntest du mir die ID/Klasse für das Override angeben, da ich unsere quartäre Farbe nicht ändern möchte?

Update: Egal, ich habe es gefunden.

4 „Gefällt mir“

Jetzt sieht es sehr gut aus! Tolle Arbeit! :+1:

5 „Gefällt mir“

Möglicherweise, aber dies ist derzeit noch lediglich ein Experiment.

Nur falls es noch jemand anderem braucht:

div.loading-indicator {
  background-color: red
}
17 „Gefällt mir“

@david Könntest du die Animation zu 100 % wie auf GitHub nachbauen, wobei zuerst ein etwas dunklerer Balken über die gesamte Breite erscheint, dann der Ladebalken zu füllen beginnt und anschließend ausblendet?

5 „Gefällt mir“

Klar, wir können dort einen dezenten Hintergrund ausprobieren. Ich frage mich auch, ob ‘tertiary’ eine bessere Farbwahl für die Leiste selbst wäre.

16 „Gefällt mir“

Wäre es möglich, eine Body-Klasse hinzuzufügen, wenn die Ladeleiste aktiv ist, damit wir entsprechend Effekte in anderen Bereichen hinzufügen können? Ich denke dabei an den Fade-out-Effekt von NodeBB: https://community.nodebb.org/
Ich vermute, das ließe sich mit etwas Ähnlichem umsetzen, wenn wir eine Body-Klasse hätten:

body.loading {
    #main-outlet {
        transition: opacity 0.25s;
        opacity: 0;
    }
}
8 „Gefällt mir“

Ich mag es wirklich, weil YouTube genau das Gleiche macht. Obwohl dies experimentell ist, würde ich gerne sehen, dass es in den Kern integriert wird. Der drehende Kreis wirkte sehr statisch, also sollte er vielleicht überarbeitet werden, und ich wäre mehr oder weniger dafür, statt des Schiebereglers.

5 „Gefällt mir“

Bisher gefällt es mir sehr. Ein so feines Detail.

5 „Gefällt mir“

Danke, dass du den Hintergrund hinzugefügt hast! Sieht jetzt viel besser und dynamischer aus. Tolle Arbeit, @david

5 „Gefällt mir“

Ich habe Beiträge in diesem Thema gelesen (zum Beispiel den 28. Beitrag) und habe dann auf das Thema geklickt (um zum Anfang des Themas zu gelangen), aber ich hatte dieses Problem nicht.

8 „Gefällt mir“

Klein, aber ich denke, die Dicke der Linie, die wir im Discourse-Hub verwenden, funktioniert viel besser.

@pmusaraj, wie viele Pixel dick ist die Linie im Hub?

11 „Gefällt mir“

Die Verwendung des Themen-Timers zum Bewegen ruft den Ladekreis statt den Schieberegler auf.

8 „Gefällt mir“

Derzeit beträgt sie 2 Pixel. Aber soweit ich mich erinnere, schneidet DiscourseHub absichtlich die obersten 1 Pixel der Ansicht ab, um einen iOS-Fehler zu umgehen. Daher wird sie in DiscourseHub als 1 Pixel dick angezeigt.

12 „Gefällt mir“

Ich sehe, wenn ich mir das jetzt anschaue:

DiscourseHub 3px
Ladekomponente + Hub 1px
Ladekomponente + Safari 2px

Ich würde gerne sehen, dass alle 3px betragen :slight_smile:

Hinweis: Der Hub kann sich selbst um die Korrektur des Hub-Problems kümmern.

13 „Gefällt mir“

Ah, jetzt verstehe ich, was du meinst – die App hat ihren eigenen Ladebalken. Ja, 3px sieht viel besser aus :+1:

@pmusaraj, gibt es eine Möglichkeit, per CSS zu erkennen, ob Discourse im Hub läuft? Oder könnte die App vielleicht zusätzlichen CSS-Code einfügen?

10 „Gefällt mir“

Hmm, sieht so aus, als würden wir nur auf dem iPad eine Klasse für die App hinzufügen. In JS könntest du dies mit dem Hilfsprogramm isAppWebview() prüfen (oder wir können eine Body-Klasse für alle DiscourseHub-Webviews hinzufügen, was ohnehin nützlich wäre).

10 „Gefällt mir“

Ich persönlich finde, das ist eine große Verbesserung gegenüber dem Spinner, und wir sollten es als Standard in den Core aufnehmen. :clap: Es „fühlt

19 „Gefällt mir“

Ja, das gefällt mir sowohl auf dem Desktop als auch auf dem Mobilgerät sehr gut. Es gibt noch ein paar kleine Fehler, die behoben werden müssen, aber ich denke, das sollte in den Kern integriert werden.

14 „Gefällt mir“

Ich habe mich gefragt, warum die Fortschrittsanzeige erschienen ist! Ich liebe sie, toll gemacht @david :clap:

14 „Gefällt mir“

Toll! Auf meinem MacBook mit Retina-Display ist es für meinen Geschmack etwas zu dezent – ich habe das Gefühl, es wirkt eher 1px hoch als 3? Es ist kaum wahrnehmbar.

4 „Gefällt mir“