Themenkarten


Derzeit wird die Homepage auf dem Samsung S23 Ultra falsch angezeigt. Ein einzelner Beitrag verursacht Textüberläufe und zerstört das gesamte Layout.

Wird dieses Problem durch den Beitrag selbst oder durch einen Fehler in einer Theme-Komponente verursacht?

Vielen Dank!

1 „Gefällt mir“

Ich habe überprüft und festgestellt, dass das Problem durch einen Google Maps-Link im Beitrag verursacht wird.

Wenn der Link im Format maps.google.com vorliegt, funktioniert er einwandfrei.

2 „Gefällt mir“

Ist die Topic Cards-Komponente für Upcoming topic-list changes - how to prepare themes and plugins bereit? Ich habe gerade Discourse aktualisiert und eine Benachrichtigung für Administratoren erhalten, dass diese Komponente aktualisiert werden muss.

Es wurde bereits aktualisiert, daher sollten Sie keine Warnungen mehr sehen. Können Sie noch einmal überprüfen, ob Sie die neueste offizielle Version dieser Komponente ausführen und nicht eine Abspaltung (Fork)?

1 „Gefällt mir“

Argh, stimmt! Mein Fehler. Ich hatte vergessen, dass wir GitHub - communiteq/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available. ausführen. https://github.com/communiteq/discourse-topic-cards

@RGJ Entschuldige die Störung, weißt du, was der aktuelle Unterschied zwischen deinem Fork und dem Haupt-Repository ist?

2 „Gefällt mir“

Ja, das Haupt-Repository wurde ordnungsgemäß gepflegt… Ich werde mich Anfang nächster Woche darum kümmern.

2 „Gefällt mir“

Mobile-Versionen sind aus irgendeinem Grund kaputt, wenn die Komponente ‘topic excerpt’ aktiviert ist und auch ohne sie (ich habe zwei Designs, mit und ohne diese Komponente, und beide funktionieren nicht) ¯\_(ツ)_/¯ Daher reicht dieses CSS

PS: Fügen Sie diesen Code in den mobilen SCSS-Bereich im Admin-Dashboard ein

.topic-card__excerpt-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    white-space: normal !important; 
}

.topic-card__excerpt {
    max-width: 100% !important;
    overflow: hidden !important;
}

.topic-list-item {
    overflow: hidden !important;
    max-width: 100% !important;
    white-space: normal !important;
}

td {
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: normal !important;
}
2 „Gefällt mir“

Wie kann dies nur auf eine einzelne Kategorie oder eine Liste von Kategorien angewendet werden, wie z. B. Topic Thumbnails?

1 „Gefällt mir“

Du müsstest die Logik für die Komponente hinzufügen. Falls das nicht auf der offiziellen Roadmap steht, dann nur durch Forken.

Ja, das wäre definitiv auch etwas, das wir brauchen würden. @jordan-violet hast du das gemacht, was @manuel vorgeschlagen hat…

Ich habe nicht das technische Know-how, um das zu tun. :disappointed_face:

1 „Gefällt mir“

Wir sind einen anderen Weg gegangen, der uns besser gefallen hat. Wir verwenden Topic List Thumbnails und haben dann etwas eigenes CSS hinzugefügt, damit es so aussieht/sich so verhält, wie wir es wollten. Sie können es hier in Aktion sehen:

5 „Gefällt mir“

Sieht gut aus

1 „Gefällt mir“

Das bedeutet mir viel, besonders von dir! Danke!

1 „Gefällt mir“

Gibt es eine Idee, warum einige Titel schwarz und andere blau sind? Ich habe alle 3 Themen gelesen.

Ha! Habe meine eigene Frage direkt nach dem Posten beantwortet. Schwarz bedeutet ungelesene Antworten. Aber da die # Sprechblase direkt da ist, braucht sie wahrscheinlich nicht auch noch die Farbmarkierung.

1 „Gefällt mir“

Wenn die Themenkarten selbst eine andere Farbe als der Rest des Hintergrunds haben sollen, welches CSS müsste ich ändern?

Außerdem, ich sehe es nicht erwähnt, aber Topic Cards blendet das Symbol für Massenaktionen aus. Können wir das wieder einblenden?
Ich muss es jedes Mal deaktivieren, wenn ich Massenaktualisierungen auf Themen anwenden muss.

1 „Gefällt mir“

Klicken Sie mit der rechten Maustaste auf das Element, das Sie ändern möchten, und wählen Sie “Untersuchen”. Die Browser-Entwicklertools werden geöffnet und Sie sollten den CSS-Selektor sehen.

1 „Gefällt mir“

Danke, ich habe Folgendes hinzugefügt:

.topic-card.has-max-height {
    background: #e6ecf2
}
.topic-card.has-max-height:hover {
    background: #ddecf7
}

Und es funktioniert perfekt mit der Standardpalette ‘Shades of Blue’.

Okay, Teil 2. Wie bearbeite ich es, damit es mit 2 Farbpaletten funktioniert? Sah gut aus, bis der Browser in den Dark Mode wechselte.

Ich beantworte meine eigene Frage wieder einmal…

Ich habe gestern Abend etwas über @media (prefers-color-scheme: light/dark) gelernt, also alles gut.

1 „Gefällt mir“

Vielen Dank @eisammy!!!
Ich hatte Probleme damit und habe mir die Haare gerauft!
Aus irgendeinem Grund kann ich keine externen Links zum Oneboxen bringen, sodass der lange Link in den Auszügen den Text effektiv aus der Box herausgezogen und die Benutzeroberfläche meiner Seite ruiniert hat. Mit deiner Hilfe ist das Problem gelöst!

1 „Gefällt mir“

Mit dieser Komponente stimmt etwas nicht: Wenn ich auf den Thema-Titel klicke, wird die Seite neu geladen, auch nachdem ich wie erwartet mit Discourse zur Seite navigiert bin. Sie wird also beim ersten Mal geladen, und dann wird die Seite ohne ersichtlichen Grund erneut geladen. Ich habe kürzlich auf die aktuelle Version aktualisiert und alle Möglichkeiten mehrmals getestet, und erst nachdem ich die Komponente deaktiviert hatte, hörte das ungewöhnliche Verhalten auf.

Discourse 3.5.0.beta7-dev - https://github.com/discourse/discourse version 773ae006b7d4315c01a37170b1ebad27332d515e

1 „Gefällt mir“

Gibt es eine Chance, dass dies in Zukunft kommt?