← Todos los ejemplos

Mastodon: limitar altura de imágenes

Limita la altura de imágenes y vídeos para que no acaparen toda la línea de tiempo.

Código para copiar

/* Cap inline media size so big images don't dominate the feed */
.media-gallery,
.media-gallery__item,
.video-player {
  max-height: 360px !important;
  overflow: hidden !important;
}
.media-gallery__item-thumbnail img,
.media-gallery canvas {
  object-fit: cover !important;
  max-height: 360px !important;
}

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.