Estoy de acuerdo con lo que dices. No soy un desarrollador de Discourse, así que no sé qué es posible o no.
El error de GitLab ya se ha corregido. ¡Gracias por informarlo @Jagster! ![]()
Solo por curiosidad, ¿cómo funciona esta parte?:
&::before,
&::after {
content: "";
flex-basis: 100%;
width: 0;
order: 2;
}
Puedo ver que cambia las cosas, pero no lo entiendo del todo
¿2 pseudoelementos, sin ningún ancho, ambos colocados en la segunda posición…?
¡Hola @chapoi!
Estos dos pseudo-elementos están ahí para evitar que las columnas se fusionen. No tienen ningún ancho ya que no están destinados a ser vistos, pero en la imagen de abajo están representados con líneas azules.
Sin ellos, las columnas podrían empezar a fusionarse si las alturas de las columnas difieren demasiado.
Los elementos 3, 6 y 9 de la imagen de arriba están configurados para estar en la columna 3 (con la propiedad order establecida en 3). Pero si elimináramos los pseudo-elementos, la columna 3 comenzaría directamente debajo de la columna 2 (incluso con order 3). Ver imagen de abajo. La “Columna 3” está resaltada en verde.
Eso es porque flexbox comprueba si queda algún espacio en la columna anterior (en comparación con la columna más alta). Si hay suficiente espacio para que quepa el primer elemento, lo insertará allí.
Sin embargo, los pseudo-elementos actúan como columnas, por lo que flexbox comprobará el pseudo-elemento (en lugar de la columna real) en busca de espacio vacío. Y dado que los pseudo-elementos tienen una altura del 100%, flexbox no encontrará ningún espacio vacío y, por lo tanto, la columna 3 comenzará donde queremos que comience.
Espero que haya sido claro y comprensible. ![]()
¡Solución muy inteligente!
Desafortunadamente, no se me ocurrió a mí mismo. ![]()
Uno de los usuarios del foro que administro mencionó que al girar la pantalla de un dispositivo móvil (tableta, teléfono), las imágenes no se ajustan correctamente a la nueva resolución. Esto ocurre cuando las imágenes tienen una relación de aspecto diferente (demasiado alta) a la de la pantalla. Por lo tanto, falta algo en la parte superior e inferior de la imagen. ¿Es posible optimizar esto? No tengo idea de si esto es posible o fácilmente posible.
¡Gracias por tus comentarios! Sí, no se actualiza al girar el dispositivo. No encontré una solución para eso en ese momento, pero lo revisaré de nuevo.
Lamentablemente, no he encontrado una forma lo suficientemente buena de manejar un dispositivo volteado.
Otra cosa, si no vieron el anuncio, las cuadrículas de imágenes se acaban de agregar al núcleo. No funciona exactamente como este componente temático, pero se ve muy bien y es genial tenerlo en el núcleo. Consulta este tema:
Creé una publicación con seis fotos, usando las etiquetas de galería de imágenes de mampostería. Hasta ahora, todo bien. Luego agregué un enlace para cada una, de modo que cuando un usuario haga clic en la imagen, lo llevará a otra publicación. Cuando hice eso, todavía se veía bien en Onebox, pero la publicación real perdió su formato de mampostería y simplemente mostró las imágenes secuencialmente.
¿Es esto un error o simplemente algo que no funcionará debido a los enlaces?
¡Hola @Octoberon! No fue diseñado para funcionar con enlaces/onebox, así que ese es probablemente el problema. Fue diseñado para abrir una ventana emergente cuando haces clic en la imagen. Aunque tuve una solicitud similar hace tiempo… ![]()
Por cierto, ¿cómo añadiste el enlace a la imagen?
Sí, me preguntaba si ese sería el caso. Para crear los enlaces, simplemente resalté el texto de la imagen y usé el botón de hipervínculo habitual en el editor para pegar un enlace a otra publicación en el mismo foro.
En el tema de la cuadrícula de imágenes, alguien mencionó ocultar el botón del compositor. Quizás eso ya se resolvió con CSS o algo así, pero pensé que podría ser de interés para otras personas también. Quizás no necesites un botón si tienes la creación automática habilitada…
. De todos modos, ahora se ha agregado la opción para ocultar el botón.
¿Alguien más tiene problemas con la función automática? La probamos con las versiones estable 3.1 y 3.2 y en ambos casos no funciona y no se generan galerías de mampostería a pesar de que las categorías están configuradas correctamente.
¡Hola @jrgong! Extraño, parece que a mí sí me funciona. ¿Tienes un enlace a una publicación que no funcione?
No pude ver esa publicación porque tienes que iniciar sesión. Lo siento.
Creo que en algún momento tuve un inicio de sesión en ese sitio de prueba (¿verdad?), pero de todos modos no lo encuentro ahora.
hola
lo siento, este enlace funciona: 350ml Challenge Just4Fun 🚀 Auf geht's 🚀 [Finale] - #91 von Hoppsi - Contests - Forum | Cannabisanbauen.net
Supongo que has habilitado automáticamente esa categoría específica y has establecido el número mínimo de imágenes requeridas en 3 (ya que tienes tres imágenes en la publicación).
Noté que había una línea vacía entre las imágenes. ¿Has habilitado la configuración auto permitir línea vacía?
No pude reproducir este problema. Lo único que se me ocurre es que tal vez haya otro componente de tema (o plugin) instalado que no funcione bien con Masonry Image Gallery.



