Ich stimme dem zu, was Sie sagen. Ich bin kein Discourse-Entwickler, daher weiß ich nicht, was möglich ist oder nicht.
Der GitLab-Fehler wurde nun behoben. Danke für die Meldung, @Jagster! ![]()
Nur aus Neugier, wie funktioniert dieser Teil:
&::before,
&::after {
content: "";
flex-basis: 100%;
width: 0;
order: 2;
}
Ich kann sehen, dass es Dinge verschiebt, aber ich verstehe es nicht ganz
2 Pseudoelemente ohne Breite, die beide an zweiter Stelle platziert werden…?
Hallo @chapoi!
Diese beiden Pseudo-Elemente verhindern, dass die Spalten verschmelzen. Sie haben keine Breite, da sie nicht sichtbar sein sollen, aber im Bild unten sind sie mit blauen Linien dargestellt.
Ohne sie könnten die Spalten beginnen zu verschmelzen, wenn die Spaltenhöhen zu stark voneinander abweichen.
Element 3, 6 und 9 im obigen Bild sind so eingestellt, dass sie sich in Spalte 3 befinden (mit der Eigenschaft order auf 3 gesetzt). Aber wenn wir die Pseudo-Elemente entfernen würden, würde Spalte 3 direkt unter Spalte 2 beginnen (auch mit order 3). Siehe Bild unten. „Spalte 3“ ist grün hervorgehoben.
Das liegt daran, dass Flexbox prüft, ob in der vorherigen Spalte noch Platz ist (im Vergleich zur höchsten Spalte). Wenn genügend Platz vorhanden ist, um das erste Element aufzunehmen, wird es dort eingefügt.
Die Pseudo-Elemente verhalten sich jedoch wie Spalten, sodass Flexbox das Pseudo-Element (anstelle der echten Spalte) auf leeren Platz prüft. Und da die Pseudo-Elemente eine Höhe von 100 % haben, findet Flexbox keinen leeren Platz und Spalte 3 beginnt dort, wo wir es wollen.
Ich hoffe, das war klar und verständlich. ![]()
Sehr clevere Lösung!
Das habe ich mir leider nicht selbst ausgedacht. ![]()
Ein Benutzer im Forum, das ich betreibe, wies darauf hin, dass sich die Bilder beim Drehen des Bildschirms eines Mobilgeräts (Tablet, Telefon) nicht korrekt an die neue Auflösung anpassen. Dies geschieht, wenn Bilder ein anderes Seitenverhältnis als der Bildschirm haben (zu hoch). Daher fehlt oben und unten am Bild etwas. Ist es möglich, dies zu optimieren? Ich habe keine Ahnung, ob dies möglich oder einfach möglich ist.
Danke für das Feedback! Ja, es wird nicht aktualisiert, wenn das Gerät gedreht wird. Ich habe zu der Zeit keine Lösung dafür gefunden, aber ich werde es mir noch einmal ansehen.
Leider habe ich noch keine gute Methode gefunden, um ein umgedrehtes Gerät zu handhaben.
Eine weitere Sache: Falls ihr die Ankündigung nicht gesehen habt, wurden Bild-Raster gerade in Core hinzugefügt. Es funktioniert nicht genau wie diese Theme-Komponente, aber es sieht wirklich gut aus und es ist großartig, es in Core zu haben. Schaut euch dieses Thema an:
Ich habe einen Beitrag mit sechs Fotos erstellt, der die Masonry-Bildgalerie-Tags verwendet. Soweit so gut. Dann habe ich für jedes Bild einen Link hinzugefügt, sodass der Benutzer beim Klicken auf das Bild zu einem anderen Beitrag gelangt. Als ich das tat, sah es im Onebox immer noch gut aus, aber der eigentliche Beitrag verlor sein Masonry-Format und zeigte die Bilder nur nacheinander an.
Ist das ein Fehler oder funktioniert das einfach nicht wegen der Links?
Hallo @Octoberon! Es war nicht dafür ausgelegt, mit Links/Onebox zu funktionieren, das ist wahrscheinlich das Problem. Es war dafür gedacht, eine Lightbox zu öffnen, wenn man auf das Bild klickt. Ich hatte aber schon mal eine ähnliche Anfrage.. ![]()
Übrigens, wie hast du den Link zum Bild hinzugefügt?
Ja, ich habe mich gefragt, ob das der Fall sein würde. Um die Links zu erstellen, habe ich einfach den Text für das Bild hervorgehoben und die übliche Hyperlink-Schaltfläche im Editor verwendet, um einen Link zu einem anderen Beitrag im selben Forum einzufügen.
Im Thema Bildraster erwähnte jemand, das Kompositionsfeld auszublenden. Vielleicht ist das bereits mit CSS oder Ähnlichem gelöst, aber ich dachte, es könnte auch für andere Leute von Interesse sein. Vielleicht brauchen Sie keine Schaltfläche, wenn Sie die automatische Erstellung aktiviert haben.
. Wie auch immer, die Option zum Ausblenden der Schaltfläche wurde jetzt hinzugefügt.
Haben andere Probleme mit der Auto-Funktion? Wir haben sie mit 3.1 und 3.2 stabil getestet und in beiden Fällen funktioniert sie nicht und es werden keine Masonry-Galerien generiert, obwohl die Kategorien korrekt eingerichtet sind.
Hallo @jrgong! Seltsam, bei mir scheint es zu funktionieren. Hast du einen Link zu einem Beitrag, der nicht funktioniert?
Konnte diesen Beitrag nicht sehen, da man sich anmelden muss. Tut mir leid.
Ich glaube, ich hatte irgendwann mal einen Login für diese Staging-Seite (oder?), aber ich finde ihn jetzt sowieso nicht mehr.
hey there
sorry, this link works: 350ml Challenge Just4Fun 🚀 Auf geht's 🚀 - #91 von Hoppsi - 350ml Challenge - Forum | Cannabisanbauen.net
Ich nehme an, Sie haben diese spezielle Kategorie automatisch aktiviert und die Mindestanzahl der erforderlichen Bilder auf 3 gesetzt (da Sie drei Bilder im Beitrag haben).
Mir ist aufgefallen, dass zwischen den Bildern eine Leerzeile war. Haben Sie die Einstellung Leerzeile automatisch zulassen aktiviert?
Konnte dieses Problem nicht reproduzieren. Das Einzige, was mir einfällt, ist, ob vielleicht eine andere Theme-Komponente (oder ein Plugin) installiert ist, die nicht gut mit Masonry Image Gallery funktioniert.



