Nach meiner Arbeit an einem kleinen Redesign der Themenlisten-Seiten auf dem Desktop habe ich mich etwas mit einer mobilen Version beschäftigt, die ähnliche Ideen enthält: mehr Platz für die Titeln der Themen, eine zweite Zeile mit weiteren Informationen und eine Spalte, die ausschließlich dem letzten Beitrag gewidmet ist.
Kompatibilität
Diese Theme-Komponente ist kompatibel mit den Funktionen für Tags und hervorgehobene Links sowie mit allen Funktionen, die in der originalen Themenlisten-Version verfügbar sind. Jede Kategorie-Stilpräsentation (Aufzählungspunkte, Balken, Box) sollte mit dieser Komponente funktionieren.
Die Theme-Komponente wurde an einigen Farbpaletten getestet und funktioniert mit hellen, neutralen oder dunklen Themes.
Leider funktioniert die Theme-Komponente möglicherweise nicht mit Plugins, die bereits die Darstellung der Themenliste ändern, wie z. B. „Topic List Previews".
Lassen Sie mich wissen, falls Sie ein Problem haben!
Schönes Plugin. Als allgemeine Empfehlung: Könnten wir bei den Themes und Komponenten die Mindestversion von Discourse angeben? Ich bin auf dem Stable-Branch, habe aber auch einen Test-Sandbox für 2.5beta. @codinghorror?
Ich habe speziell einen Branch für ältere Versionen erstellt.
Verwenden Sie beim Installieren den Link https://github.com/iunctis/md-topic-list-mobile, wählen Sie die erweiterten Optionen und fügen Sie older-discourse hinzu.
Sie merken, ob es funktioniert, wenn die Avatare in der rechten Spalte ordnungsgemäß angezeigt werden. In ein paar Wochen, wenn die Avatare nicht mehr funktionieren, müssen Sie lediglich die Komponente neu installieren, ohne die erweiterte Option zu verwenden.
Ich mag es, dass das Avatar-Bild des letzten Beitragenden rechts steht.
Beim Standard-Layout für Mobilgeräte schreit das große Avatar-Bild direkt links neben dem Thementitel förmlich nach „Autor".
Nur aus Neugier habe ich mir die SCSS-Datei angesehen: Gibt es einen Grund, warum Sie die von SCSS bereitgestellte verschachtelte Syntax nicht verwendet haben?
Ich habe gerade ein kleines Upgrade durchgeführt. Es gibt keine neuen Funktionen, aber ich habe die Kompatibilität mit den neuen Thumbnail-Funktionen hinzugefügt.
Die Theme-Komponente ist nun vollständig kompatibel mit diesen Komponenten:
Nicht mit CSS, aber die Vorlage kann korrigiert werden.
Ich persönlich verwende diese Funktion nur, um auf den ersten Beitrag zuzugreifen, aber ich sollte meine Art der Navigation nicht allen aufzwingen. Ich werde prüfen, ob ich die Funktion wiederherstellen kann.
Ich habe die Komponente aktualisiert, um diese Funktion wiederherzustellen. Ich habe es an zwei Support-Fällen getestet, aber falls es Probleme gibt, lass es mich bitte wissen.
Hey @Steven, es scheint, als würden die Benachrichtigungen für neue Nachrichten doppelt angezeigt. Einmal rechts neben dem Thementitel und einmal anstelle des Antwortzählers. Ist das ein Fehler oder übersehe ich etwas?
Das muss aus dem letzten Update mit dem Thema-Eintrittsbutton stammen. Ich denke, es wäre besser, zur vorherigen Version zurückzukehren. Es ist nicht wirklich an die Komponente angepasst.
Ich werde in ein paar Minuten upgraden.
Edit: Gerade aktualisiert, lasst mich wissen, ob es besser ist.
Es passt möglicherweise nicht zum Design des Forums, und es sollte die Desktop-Designentscheidungen respektieren (wo standardmäßig kein Symbol vorhanden ist).
Wenn du tatsächlich ein Tag-Symbol mit Tag Icons Component hinzufügst, sieht es so aus:
Also habe ich das Emoji mit CSS ausgeblendet, aber ich denke, es sollte von vornherein nicht hier sein
Danke für das Feedback. Ich habe derzeit große Internetprobleme, daher bin ich bei der Discourse-Arbeit etwas zurück.
Die Idee mit dem Tag-Icon oder Emoji gefällt mir, aber ich werde die beiden Theme-Komponenten wahrscheinlich in ein d-icon-Tag ändern. Gleichzeitig werde ich einen Branch ohne Icon erstellen, um Kompatibilität mit der Tag-Icons-Komponente zu gewährleisten.
Hallo Steven!
Es scheint ein paar Layout-Probleme mit der aktuellen Version von Discourse zu geben.
Ich habe ein leeres Theme erstellt und nur die MD Topic List Mobile Component hinzugefügt, und das scheint tatsächlich das Problem zu sein.
Hier ist die mobile Ansicht:
Ich werde versuchen, die Vorlage neu zu schreiben, um auch die maximale Anzahl benutzerdefinierter Klassen zu entfernen. Ich denke, das ist am besten im Hinblick auf die laufende Neugestaltung des Kerns.
Bearbeiten: Neuer Commit, ich habe die Vorlage und das Stylesheet überarbeitet, um die zukünftige Aktualisierung zu erleichtern.
Lassen Sie mich wissen, wenn Sie Probleme haben, @Canapin.
