Ajuste de la altura de la imagen de localización

Puede que a tus usuarios les guste subir imágenes en modo vertical. En pantallas pequeñas, como las de los móviles, esto podría dar lugar a problemas de estilo no deseados, ya que la imagen dentro de una burbuja de ubicación necesita demasiado espacio.

Para evitarlo, puede utilizar el siguiente código CSS para establecer una dimensión de imagen fija (por ejemplo, 4:3) y recortar o escalar la imagen en su interior:

@media (max-width: 768px) {
  .open-user-map .box-wrap .map-wrap .leaflet-map .leaflet-popup-content-wrapper .leaflet-popup-content .oum_location_image img {
    aspect-ratio: 4/3;
    object-fit: contain;
    object-position: top center;
    background-color: #eee;
  }
}

Puedes jugar con el relación de aspecto o intente ajuste al objeto: cubierta para recortar la imagen.

Con una futura actualización estamos planeando proporcionar una nueva UX para la vista móvil, por lo que esto puede ser sólo una solución rápida temporal mientras tanto.