From 0a577f5c2a5fbc928c60f7d8158c8ed36e65c50f Mon Sep 17 00:00:00 2001 From: Julie Muzina Date: Wed, 30 Oct 2024 17:11:52 +0100 Subject: [PATCH] Fix using the image container with lazyloaded images (#5403) --- package.json | 2 +- scss/_patterns_image.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index fa776b7ff..e03bc936b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vanilla-framework", - "version": "4.18.1", + "version": "4.18.2", "author": { "email": "webteam@canonical.com", "name": "Canonical Webteam" diff --git a/scss/_patterns_image.scss b/scss/_patterns_image.scss index d36a92fbd..8975c59a1 100644 --- a/scss/_patterns_image.scss +++ b/scss/_patterns_image.scss @@ -84,8 +84,8 @@ $aspect-ratios: ( justify-content: center; text-align: center; - // If there is a child element that is not the image, don't let it affect the layout - & > *:not(.p-image-container__image) { + // If there is a child lazyloaded image, don't let it affect the layout + & > .lazyloaded { display: contents; }