Tiles Image Gallery

theme-component
54

Hi @Southpaw

Good catch! I’ve updated Slick and Tiles to remove the buttons from the About me editor. Thanks for reporting.

Fair enough. Let’s try this (rough idea for now but worth exploring)

  1. Set both max_image_width and max_image_height to 0
  2. Add this to a theme component and add it to your active theme
.cooked img:not(.thumbnail):not(.emoji) {
    width: unset;
    max-width: 100% !important;
    height: auto;
    max-height: unset !important;
}

#reply-control .d-editor-preview img:not(.thumbnail):not(.emoji) {
    width: unset;
    max-width: 100% !important;
    height: auto;
}

.mfp-bottom-bar {
    min-width: 350px;
}

The good:
All images uploaded to posts will now have lightboxes. Even very tiny ones. So you can use them in Slick / Tiles

The bad:
While all images will display properly (no overflow) and maintain their original aspect ratios (no stretching / squeezing), really large images will not be resized (read: full file size). The image is properly sized in the post with CSS but will still be in full size. Depending on your usage, this can be a performance issue. The https://meta.discourse.org/t/lazyload-images/90472 theme component may come in handy here.

The ugly:
This requires old posts to be rebaked to take effect on them.

7 Likes