From ceb89495d22d0907e37faf170f052679e36f90aa Mon Sep 17 00:00:00 2001 From: Narendra Sishodiya <32844880+narenin@users.noreply.github.com> Date: Sat, 1 Jun 2024 17:50:40 +0530 Subject: [PATCH] Fixed Media Text Block Issue : When crop image to fill is enabled, the image in nested media & text blocks does not show (#62182) * Fixed Media Text Block Issue * Implemented the suggestions Co-authored-by: narenin Co-authored-by: t-hamano Co-authored-by: carolinan --- packages/block-library/src/media-text/style.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/block-library/src/media-text/style.scss b/packages/block-library/src/media-text/style.scss index 8a880fbab4a01..d24ef46409323 100644 --- a/packages/block-library/src/media-text/style.scss +++ b/packages/block-library/src/media-text/style.scss @@ -76,18 +76,18 @@ vertical-align: middle; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media { +.wp-block-media-text.is-image-fill > .wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { +.wp-block-media-text.is-image-fill > .wp-block-media-text__media > a { display: block; height: 100%; } -.wp-block-media-text.is-image-fill .wp-block-media-text__media img { +.wp-block-media-text.is-image-fill > .wp-block-media-text__media img { // The image is visually hidden but accessible to assistive technologies. position: absolute; width: 1px;