Update hat die Banner der einzelnen Abschnitte verändert, indem sie winzig klein geschrumpft sind, wie kann man das rückgängig machen?

Unterstützung
1

Nachdem ich vor 20 Minuten auf die neueste Version aktualisiert habe, wurden alle Banner in den einzelnen Abschnitten in eine seltsame Box verschoben und auf eine unmöglich kleine Größe geschrumpft. Wenn Text vorhanden war, ist der Text daneben lesbar (obwohl auch dieser neu gestaltet wurde). Ich habe keine Einstellungen geändert, außer dem Upgrade

Screenshot 2025-08-08 042512
Screenshot 2025-08-08 0425121179×121 2.09 KB

Wenn ich mir jetzt die Einstellungen ansehe, steht dort, dass ein Seitenverhältnis von 1:1 gewünscht ist. War dies schon immer das „empfohlene“ Verhältnis oder ist dies eine Änderung? Ich habe das Gefühl, dass es nicht so da stand, aber ich weiß es nicht. Es war definitiv nicht erforderlich. Da alle meine Banner mit denen der Hauptseite übereinstimmen, die eindeutig rechteckig gestaltet sind. Das ist eine ziemlich unfaire Änderung, die erzwungen wird. Ich habe etwa 40 individuell einzigartige Banner erstellt.

2

Was meinen Sie mit „einzelnen Abschnittsbannern“?

3

„Kategorielogos“ jedes Board hat eines. Diese Seite hat eine riesige rosa Box mit der Aufschrift „Support“.

4

Haben Sie also ein Problem mit der Category Banner Komponente (derjenigen, die die Kategorie-Farbe verwendet, wie Support hier auf Meta) oder mit der Kategoriebeschreibung und dem Bild, das von Discourse Core angezeigt wird, wenn Sie ein Kategoriebild hochladen?

Screenshot, der beide Banner zeigt
Screenshot, der beide Banner zeigt1777×979 158 KB

Haben Sie den Sicherheitsmodus ausprobiert?

1 „Gefällt mir“
5

Die Kategorie-Überschriften wurden kürzlich neu gestaltet, UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub

Sie können die Bildgröße mit etwas CSS ändern, vielleicht hilft Ihnen etwas wie das hier:

.category-heading__logo.category-logo.aspect-image {
  width: auto;
  height: 100px;
}
3 „Gefällt mir“
6

Es hat nichts damit zu tun, was ich getan habe, etwas wurde im Kern mit einem der letzten Updates geändert. Ich benutze keine Plugins. Das gesamte Design wurde geändert. Ich weiß nicht, wie ich es besser erklären soll, und ich habe keinen Screenshot vom alten Stil, aber jeder, der die beiden gesehen hat, weiß, was ich meine. Das gesamte Verhältnis des Logos wurde geändert, die Art und Weise, wie der Text erscheint, ist anders, er ist jetzt in einem Feld eingerahmt. Es hat die Art und Weise, wie wir es mit den Standardoptionen hatten, komplett zerstört.

Bearbeiten: Sie können in den Screenshots im obigen Link UX: Category header restyle by jordanvidrine · Pull Request #34081 · discourse/discourse · GitHub sehen, dass der alte Stil links war, außer dass ein Seitenverhältnis von 1:1 für das Logo nicht erforderlich (oder angefordert) war und das gesamte Format anders war. Es hat jetzt alle Logos in ein geschrumpftes Quadrat gezwungen und das Ganze neu formatiert, wodurch der Text zum dominierenden Merkmal wurde, was uns alle zerstört hat.

Es wäre kein Problem, wenn ursprünglich gesagt worden wäre, dass ein Seitenverhältnis von 1:1 verwendet werden soll. Das wurde nicht gesagt, also haben wir individuelle Versionen des Hauptbannerelements (und nicht des quadratischen Logos) erstellt, die die gleiche Form und das gleiche Design für jeden Abschnitt beibehalten.

Das scheint zu funktionieren. Ich muss nur mit der Größe herumspielen, danke!

Bearbeiten: Es funktioniert nicht auf Mobilgeräten, da es den Text aus dem Feld drängt und die Seite horizontal dehnt. Ich habe das mit Folgendem behoben:

@media (max-width: 768px) {
  .category-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.3em; /* Fügt minimalen Abstand zwischen Logo und Text hinzu */
  }

  .category-heading__logo.category-logo.aspect-image {
    height: 140px;
    width: auto;
    margin-bottom: 0; /* Zusätzlichen Abstand entfernen */
  }

  .category-heading__title {
    font-size: 1.4em;
    margin-top: 0; /* Zusätzlichen Abstand über dem Text verhindern */
  }
}

Dies schiebt den Text unter das Logo. Falls jemand anderes es braucht…

2 „Gefällt mir“