Bildlayout wird in versteckten Blöcken neu formatiert

Hallo, langjähriger Moderator in einem Discourse-Forum und ich liebe die Plattform. Bei einem kürzlichen Update scheint sich jedoch die Formatierung für versteckte Blöcke geändert zu haben, und das hat eine „Tier-Liste“, die ich in unserem Forum verwalte, durcheinandergebracht.

Lassen Sie mich das demonstrieren…
(EDIT: Als neuer Benutzer hier kann ich nur ein Bild in einem Beitrag einfügen, daher kann ich das nicht demonstrieren. Ich poste das trotzdem und wenn jemand unten demonstrieren kann, wäre das ausgezeichnet. Andernfalls können Sie das Problem hier einsehen: 🏆 Neo Monsters tier list (see first post) 🏆 - #2 by Killerdog - Neo Monsters Guides and Tutorials - ZigZaGame Forum)

[Bild 2] [Bild 3] [Bild 4] [Bild 5]

^ Hier sind sie in einer schönen horizontalen Linie

S-Tier

Hier habe ich dieselben Bilder eingebettet

^ Hier erscheinen sie in einer vertikalen Linie

Während der Bearbeitung zeigt die Vorschau sie horizontal an, aber ein paar Sekunden nachdem ich die Bearbeitung des Beitrags gespeichert habe, werden sie vertikal umgeschaltet.

Das scheint mir ein Fehler zu sein, da die Formatierung inkonsistent ist und es früher nie so funktioniert hat.

Hallo, willkommen bei Meta! :wave: :smile:

Ich glaube, Ihr Problem ist, dass die Lightbox auf Ihre Bilder angewendet wird, wodurch diese die volle Breite einnehmen. Ich bin ziemlich sicher, dass sie vorher nicht auf so kleine Bilder angewendet wurde, das könnte also der Grund sein. Außerdem habe ich mir das CSS angesehen, und es gab keine neueren Änderungen am [details]-Tag. :thinking:

Kurz gesagt: Hier ist ein CSS, das Sie Ihrem Theme oder einer neuen Theme-Komponente hinzufügen können:

.cooked details[open] .lightbox-wrapper {
    display: inline-block;
}

Dann sollten Sie das gewünschte Ergebnis erhalten:


Nebenbei bemerkt, denke ich, dass das Bild in [details] inline sein sollte. Das ist das Standardverhalten außerhalb dieses Tags und würde dem Benutzer die Wahl zwischen inline/block geben. :thinking:

EDIT: Wie Moin herausgefunden hat, hängt die Anwendung der Lightbox auf kleine Bilder mit Folgendem zusammen:

2 „Gefällt mir“

Vielen Dank @Moin, dass Sie es auf die Lightbox eingegrenzt haben, die auf kleinere Bilder als zuvor angewendet wird. Ich werde mich mit unserem Foren-Administrator in Verbindung setzen und versuchen, ihn dazu zu bringen, das Theme / die Theme-Komponente mit dem CSS-Vorschlag zu ändern.

2 „Gefällt mir“

@Arkshine Nochmals danke, die Korrektur hat funktioniert!

2 „Gefällt mir“