Danke, ich werde das ausprobieren.
Jon, bitte prüfe auch /latest.json und die ankommenden Daten für Thumbnails – stelle sicher, dass die URLs funktionieren, z.
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 ![]()
Hey, nach dem Update habe ich eine unnütze horizontale Bildlaufleiste. Wie kann ich die entfernen? ![]()
Derzeit habe ich die Bildlaufleiste mit manipulierter CSS entfernt:
.tlp-featured-topics.has-topics .topics {
overflow-x: hidden;
}
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!!
Ü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
Vielen Dank! Das ist eine großartige Lösung ![]()
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.
Danke für den Bericht. Hast du aus Interesse schon den TC ausprobiert?
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?
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).
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. ![]()
Übrigens, vielen Dank für deine superschnellen Antworten!
Ich habe es jetzt mit dem TC versucht, und leider zeigt er das gleiche Verhalten.
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.
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.
“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.
Vielen Dank für deine schnelle Antwort. ![]()
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. ![]()
Vielleicht werde ich den Auszug vorübergehend deaktivieren.
Vielen Dank ![]()
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 ![]()
Vielen Dank. ![]()
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.
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.






