Seltsames Layout nach Update

Unterstützung
1

Sind Probleme beim Update auf die neueste Version von Discourse aufgetreten? Alle meine Kategorie-Thumbnails sind verzerrt. Ich habe nur die Startseite angepasst, aber selbst auf den Kategorieseiten sind sie alle verzerrt.
Wie kann ich das ändern?

Screenshot 2022-10-13 at 22.09.39
Screenshot 2022-10-13 at 22.09.391920×1086 108 KB

2 „Gefällt mir“
2

Niemand?
Laugh Lol GIF von PG Tips

1 „Gefällt mir“
3

Vielleicht haben Sie es bereits behoben, aber es sieht gut aus, wenn ich es anonym besuche:

image
image778×720 78.1 KB

2 „Gefällt mir“
4

Ich glaube, es gab ein Update, das eine neue Funktion (dunkle/helle Kategorie-Logos) hinzugefügt hat, die einige Anpassungen beeinträchtigt haben könnte. Ich bin mir noch nicht 100%ig sicher, wie man das beheben kann, aber ich frage herum. :+1:

(Obwohl hoffentlich @renato Recht hat und es sich magischerweise selbst behoben hat :crossed_fingers:)

3 „Gefällt mir“
5

Hier sehe ich, dass die Bilder wie Renatos Screenshot in Chrome aussehen, aber wie das des OP in Safari. Dies ist sicherlich eine Verschlechterung, entschuldigen Sie das. Es sieht nicht so aus, als hätten Sie Anpassungen, aber Sie haben einige sehr große Bilder als Kategorie-Logos, zum Beispiel das im OP ist 2657x2657.

Also, zwei Möglichkeiten zur Behebung:

  1. Laden Sie kleinere Bilder hoch. Sie können es mit einem 150x150-Bild versuchen, das sollte gut funktionieren. (Dies beschleunigt auch das Laden der Seiten mit den kleineren Bildern.)
  2. Wenn Sie die Bilder nicht erneut hochladen möchten, versuchen Sie es mit dieser CSS-Regel in einer Theme-Komponente:
body .category-logo.aspect-image {
  max-width: 150px;
}
3 „Gefällt mir“
6

Ja, es sieht unter Chrome gut aus, aber nicht unter Safari. Irgendwelche Ideen, warum das so sein könnte? Ich habe den max-width-Fix ausprobiert und er hat nicht funktioniert. Kleinere Bilder (450px quadratisch) hochgeladen, immer noch kein Erfolg.

7

Kannst du es mit Folgendem versuchen?

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
  }
}
3 „Gefällt mir“
8

Definitiv nicht allein. Ich verstehe die Lösung jedoch nicht (da ich ein absoluter Neuling bin). Gibt es irgendwo mehr Informationen darüber, was / wo ich die Lösung implementieren muss? Danke.

13

Hallo und willkommen @Richard :slightly_smiling_face:

Sie können zusätzliche Code-Schnipsel zu Ihrer Website hinzufügen, indem Sie eine kleine Theme-Komponente erstellen und diese an Ihr Theme anhängen:

  • Gehen Sie zu /admin/customize/themes
  • Klicken Sie auf Installieren und dann auf Neu erstellen
  • Geben Sie ihm einen Namen und wählen Sie ‘Komponente’.
  • Erstellen
  • Fügen Sie es Ihrem Theme hinzu
  • Klicken Sie auf die Schaltfläche CSS/HTML bearbeiten und fügen Sie den Code in den Tab Gemeinsam ein
  • Und speichern. :+1:
3 „Gefällt mir“
15

Ich denke, es wurden ein paar Korrekturen für dieses Problem hinzugefügt, sodass Sie Ihren benutzerdefinierten Code nach einem Update möglicherweise entfernen können. :+1:

2 „Gefällt mir“
16

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.