Kategorie-Logo-Bild wird nach letztem Update von Text überlagert

Nach einem kürzlichen Update (irgendwann in den letzten Wochen) sind alle Kategoriebilder nun mit Text überlagert. Die Website läuft mit 2.9.0 Beta 10 und verwendet das Vanilla-Theme, keine Plugins.

Dies geschieht geräteübergreifend, Beispiel unten:

Manchmal enthält die Überlagerung einen oder zwei Thread-Titel. Ich kann die Website hier nicht verlinken, da sie nur für Abonnenten sichtbar ist.

Es gab in letzter Zeit einige Berichte darüber, und ich glaube, es hat mit der neuen Funktion für Logos in dunklen/hellen Kategorien zu tun. In diesem Thema gab es ein paar vorgeschlagene Korrekturen:

1 „Gefällt mir“

Hallo,

In diesem Abschnitt gab es in den letzten Tagen einige Updates. FIX: set width on category logo img, not container (#18676) · discourse/discourse@ab217d8 · GitHub und FIX: set max-width on category logo img (#18703) · discourse/discourse@c937b6d · GitHub

Können Sie versuchen, Ihre Website zu aktualisieren? Das sollte das Problem wahrscheinlich beheben. :slightly_smiling_face:

1 „Gefällt mir“

Ich habe auf die neueste 2.9.0 Beta 10 aktualisiert. Hätte das dieses Problem beheben sollen? Ich habe über die Benutzeroberfläche aktualisiert.

Das behebt die Landschaftsbildkategorien, die wir haben, aber nicht die Hochformatbilder. Das Hochformat ist 638 x 1024 groß, was heutzutage nicht mehr viel zu sein scheint :slightly_frowning_face:

1 „Gefällt mir“

Entschuldigung, vielleicht habe ich das missverstanden

Diese Updates kamen vor 1-2 Tagen. Ihre Discourse-Version enthält sie wahrscheinlich nicht, wenn Sie vor ein paar Wochen aktualisiert haben.


Können Sie Ihre Website-URL mitteilen, um dies zu überprüfen, wenn sie öffentlich ist? :slightly_smiling_face:

Das Problem ist erst kürzlich aufgetreten, aber die Website ist auf dem neuesten Stand. Sie ist nicht öffentlich.

1 „Gefällt mir“

Sie können auch Ihre genaue Versionsnummer von Ihrem Dashboard kopieren und einfügen, wenn Sie keinen Link teilen können. :+1:

2 „Gefällt mir“
2 „Gefällt mir“

Es scheint, als hättest du diese Korrekturen dort drin. Es gibt vielleicht einen Fall, in dem die Breite berücksichtigt wurde, aber nicht die Höhe. :thinking: Für die meisten des Teams ist Wochenende, aber ich sehe, dass @Don tippt, also hoffe ich, dass er in der Zwischenzeit eine Community-Lösung herbeizaubern kann. :crossed_fingers: :slight_smile:

1 „Gefällt mir“

Können Sie es im abgesicherten Modus versuchen? Ich kann es leider auf meiner Testseite nicht reproduzieren. Mein bester Tipp ohne es dort zu sehen, ist benutzerdefinierter Code von einer Komponente, der es verursacht.

1 „Gefällt mir“

Keine Änderung im abgesicherten Modus. Die Website ist bis auf ein paar Social-Login-Plugins “vanilla” (unverändert).

@Amicable Ich kann das auch nicht reproduzieren. Ich habe einen Screenshot deines Bildes gemacht und es in eine lokale Kategorie hochgeladen, und das Layout ist in Ordnung:

Was sind die Abmessungen deines Originalbildes?

Ich sehe, dass dein gepostetes Bild 638x1024 war, das, das ich verwendet habe, ist 770x1144, also sehr ähnlich.

Versuch es vielleicht mit einem weiteren Rebuild? Wenn das nicht funktioniert, kannst du die vollständige Liste der Plugins teilen, die du verwendest? Es ist möglich, dass eines dieser Plugins die Kategorievorlage überschreibt, und das könnte wahrscheinlich mit den aktualisierten Stilen im Kernkonflikt stehen.

Vielleicht hat es mit dem Upgrade über die Webschnittstelle zu tun. Das hatte ich schon einmal bei CSS-Problemen. Vielleicht bleiben alte Stylesheets wieder bestehen?

Das einzige Plugin, das ich aktiv habe, ist der Docker-Manager.

Ich bin wieder unterwegs und kann das Upgrade auf dem Server erst später in der Woche durchführen, wenn ich zurück bin. Ein Web-UI-Upgrade heute behebt das Problem nicht.

Es ist vielleicht erwähnenswert, dass die CSS-Korrektur für Landschaftskategorienbilder angewendet wurde und funktioniert.

1 „Gefällt mir“

Ich habe eine Zeile in der CSS-Komponente zur Behebung hinzugefügt, um mit Porträt-Kategoriebildern umzugehen. Die CSS-Komponente für Kategoriebilder sieht jetzt also wie folgt aus:

@supports (--custom: property) {
  body .category-logo.aspect-image {
    max-width: 150px;
    max-height: 300px;
  }
}

Dies behebt mein Problem vorübergehend, obwohl das breitere Problem der Stylesheets, die beim Upgrade über die Weboberfläche bestehen bleiben, weiterhin besteht.

@pmusaraj, wenn Sie mir sagen, welchen Teil des CSS ich untersuchen soll, um dieses seltsame Verhalten zu überprüfen, werde ich berichten. Ich kann auch einen Login per DM anbieten, den Sie schon einmal hatten.

Ein kurzes Update, um dieses Problem abzuschließen. Ich habe die CSS-Komponentenkorrektur kürzlich entfernt und das Problem besteht nicht mehr. Ich weiß nicht genau, welcher Push es behoben hat, aber es wäre ein Upgrade vom Discourse-Team irgendwo zwischen Oktober und jetzt.

1 „Gefällt mir“

Danke für das Update. :+1: Es ist schade, dass wir die Ursache nicht finden konnten, aber ich bin froh, dass es behoben ist. :slight_smile:

Dieses Thema wurde nach 2 Tagen automatisch geschlossen. Neue Antworten sind nicht mehr möglich.