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.
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.
Jetzt sieht es sehr gut aus! Tolle Arbeit! ![]()
Möglicherweise, aber dies ist derzeit noch lediglich ein Experiment.
Nur falls es noch jemand anderem braucht:
div.loading-indicator {
background-color: red
}
@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?
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.
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;
}
}
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.
Bisher gefällt es mir sehr. Ein so feines Detail.
Danke, dass du den Hintergrund hinzugefügt hast! Sieht jetzt viel besser und dynamischer aus. Tolle Arbeit, @david
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.
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?
Die Verwendung des Themen-Timers zum Bewegen ruft den Ladekreis statt den Schieberegler auf.
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.
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 ![]()
Hinweis: Der Hub kann sich selbst um die Korrektur des Hub-Problems kümmern.
Ah, jetzt verstehe ich, was du meinst – die App hat ihren eigenen Ladebalken. Ja, 3px sieht viel besser aus ![]()
@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?
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).
Ich persönlich finde, das ist eine große Verbesserung gegenüber dem Spinner, und wir sollten es als Standard in den Core aufnehmen.
Es „fühlt
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.
Ich habe mich gefragt, warum die Fortschrittsanzeige erschienen ist! Ich liebe sie, toll gemacht @david ![]()
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.