Vorschau der Themenliste (legacy)

Danke, ich werde das ausprobieren.

2 „Gefällt mir“

Jon, bitte prüfe auch /latest.json und die ankommenden Daten für Thumbnails – stelle sicher, dass die URLs funktionieren, z.

2 „Gefällt mir“

Ich habe die Verbesserungen für hervorgehobene Bilder vom TC heute in das Plugin übernommen, sodass du jetzt hervorgehobene Bilder auf mobilen Geräten nutzen kannst und das Formatierungsergebnis deutlich besser ist.

Dies kann einige benutzerdefinierte CSS-Regeln, die du entwickelt hast, beeinträchtigen. Das tut mir leid, ist aber kaum zu vermeiden. Die Verbesserungen lohnen sich jedoch.

Denke daran, dass du die horizontale Breite auf null setzen kannst, damit das Layout die Breite basierend auf dem Seitenverhältnis bestimmt. Das sorgt für einen aufgeräumteren Look. Du kannst auch die Auszüge in den Einstellungen ausblenden, falls durch deine Bilder und Einstellungen zu wenig Platz vorhanden ist.

Diese Seite nutzt derzeit das Plugin:

Hinweis: Es sieht unter Safari mit der schlankeren Scrollleiste etwas besser aus :slight_smile:

3 „Gefällt mir“

Hey, nach dem Update habe ich eine unnütze horizontale Bildlaufleiste. Wie kann ich die entfernen? :slight_smile:

Derzeit habe ich die Bildlaufleiste mit manipulierter CSS entfernt:

.tlp-featured-topics.has-topics .topics {
    overflow-x: hidden;
}
2 „Gefällt mir“

Ja, das ist der richtige Ansatz. Ich kann aktuell überhaupt kein Überlaufen erkennen. Übrigens sieht die Scrollleiste auf Safari viel weniger hässlich aus.

Leider verhindert dieser Ansatz das Scrollen, falls die hervorgehobenen Bilder deutlich häufiger werden und nach rechts hinausragen.

Also ein anderer Ansatz – veröffentliche noch viel mehr hervorgehobene Inhalte!!

2 „Gefällt mir“

Übrigens kannst du das Scrollbalken-Design ausprobieren. Leider ist es kompliziert, da es nicht in allen Browsern standardisiert ist. Zum Beispiel:

/* Funktioniert in Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: grey darkgrey;
}

/* Funktioniert in Chrome, Edge und Safari */
*::-webkit-scrollbar {
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: darkgrey;
}

*::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 0px;
  border: 0px solid grey;
}

Quelle: How to Customize Scrollbars with CSS: Styling Guide with Examples | DigitalOcean

2 „Gefällt mir“

Vielen Dank! Das ist eine großartige Lösung :slight_smile:

2 „Gefällt mir“

Hallo @merefield, vielen Dank für das Plugin, es ist in unserer Community sehr beliebt. Wir nutzen es in einem eher minimalistischen Setup, ausschließlich zur Anzeige von Topic-Vorschaubildern in Topic-Listen, sonst nichts weiter.

Nach einigen Wochen Nutzung mussten wir es jedoch wieder deaktivieren, da es beim Navigieren in und aus Topics erhebliche Probleme verursacht. Beim Betreten eines Topics kommt es häufig zu einem Flackern im Layout, und die Navigationsleiste verschwindet für einen Moment, bevor das Topic gerendert wird. Umgekehrt passiert dasselbe beim Zurücknavigieren, und die Scrollposition in der Topic-Liste geht verloren. Zudem ist das Navigieren in und aus Topics merklich langsamer als mit deaktiviertem Plugin. Hier ist eine Bildschirmaufnahme, wie es auf Mobilgeräten aussieht (Entschuldigung wegen des Gfycat-Links, der Screenshot war zu groß, um ihn auf Discourse hochzuladen).

Wissen Sie, was diese Probleme verursachen könnte, und gibt es etwas, das getan werden kann, um sie zu verhindern? In der Konsole oder sonstwo treten keine Fehler auf, die einen Hinweis darauf geben könnten, was kaputt ist.

Ich habe die Einstellung topic list thumbnail resolution level auf den niedrigsten Wert 6 gesetzt, da wir keine großen Bilder benötigen, sodass die Bildgröße eigentlich kein Faktor sein sollte. Lassen Sie mich gerne wissen, falls ich weitere Informationen bereitstellen kann, die helfen könnten.

2 „Gefällt mir“

Danke für den Bericht. Hast du aus Interesse schon den TC ausprobiert?

1 „Gefällt mir“

Nein, habe das noch nicht ausprobiert – wenn du denkst, dass es die Situation verbessern könnte, werde ich es versuchen. Ist es sicher, es parallel zum (deaktivierten) Plugin zu installieren?

1 „Gefällt mir“

Wahrscheinlich nicht, du müsstest es neu installieren.

Das von dir beschriebene Verhalten ist seltsam. Die href-Links der Titel sind fast identisch mit denen auf den Vorschaubildern.

Kannst du bestätigen, dass das Anklicken der Vorschaubilder das Problem nicht zeigt? (im Plugin).

1 „Gefällt mir“

Das kann ich bestätigen! Ich habe es bis jetzt noch gar nicht bemerkt, dass das Anklicken eines Vorschaubildes dich zum ersten Beitrag im Thema führt. Das Anklicken der Vorschaubilder ist so reaktionsschnell, wie es sein sollte.

Danke, ich werde das dann ausprobieren, werde aber wahrscheinlich heute Abend nicht dazu kommen. Ich habe gerade auch festgestellt, dass Topic list thumbnails TC existiert. Ich frage mich, ob das aufgrund seines begrenzten Umfangs besser für unseren Anwendungsfall geeignet wäre. :thinking:

Übrigens, vielen Dank für deine superschnellen Antworten!

2 „Gefällt mir“

Ich habe es jetzt mit dem TC versucht, und leider zeigt er das gleiche Verhalten.

2 „Gefällt mir“

Danke.

Ja, das ist interessant.

Die URLs sind korrekt, aber Ember scheint Titelklicks in eine vollständige Seitenaktualisierung umzuwandeln.

Wenn du im Netzwerk-Tab deines Browsers nachsiehst, wirst du den Unterschied sehen.

Ich bin ziemlich sicher, dass das früher nicht passiert ist.

Der Titel wird vom gleichen Code im Kern erstellt, was höchst verwirrend ist.

2 „Gefällt mir“

Es scheint, dass Bilder am Anfang eines Beitrags zu Formatierungsproblemen in der “Vorschau der Themenliste” führen können.
(Dies tritt sowohl im Plugin als auch in TC auf)

Hier ein Beispiel.
Die ersten beiden Zeilen sind korrekt, aber nach einem Bild ändern sich die Stile der dritten und vierten Zeile. (Dies tritt in allen getesteten Themes auf)

Bei der Inspektion scheint es, als würde die “Vorschau der Themenliste” versuchen, den Link des Bildes in die Vorschau einzubeziehen, was zu Stilproblemen führt.

1 „Gefällt mir“

“list/topic-excerpt” ist leider im Core enthalten, nicht im Plugin oder TC.

Ich überschreibe es nicht direkt.

Ich frage mich jedoch, ob es sich um irgendeinen jQuery-Schrott handelt?

Fühlen Sie sich frei, beim Debuggen zu helfen.

1 „Gefällt mir“

Vielen Dank für deine schnelle Antwort. :smiling_face_with_three_hearts:

Ich habe auch festgestellt, dass einige Links im Beitragsauszug dazu führen können, dass sich das Kachelbild überlappt.

Es scheint, dass dies durch einen Inline-Onebox-Link verursacht wird.

Ich bin mir nicht sicher, ob dies mit dem Discourse-Kern oder dem TLP-Plugin zusammenhängt. :thinking:

Vielleicht werde ich den Auszug vorübergehend deaktivieren.
Vielen Dank :grinning:

2 „Gefällt mir“

Entschuldigung, ja, das könnte am CSS liegen. Versuche es zu ändern. Der TC hat dafür vielleicht ein verbessertes CSS … kann mich nicht genau erinnern :slight_smile:

1 „Gefällt mir“

Vielen Dank. :grinning:

Ja, ich denke, du hast recht. Bei der Verwendung von TC gibt es keine Probleme.
Das Überlappungsproblem tritt erst auf, nachdem ich auf das Plugin umgestiegen bin.

Hoffentlich behebt Chrome bald das Limit von 1000 Zeilen für CSS Grid, dann können wir das Plugin vollständig durch TC ersetzen.

1 „Gefällt mir“

Danke für die Bestätigung. Ich werde versuchen, das CSS irgendwann zu übernehmen. Derzeit kannst du es einfach verwenden, um es in einer lokalen TC zu überschreiben.

1 „Gefällt mir“