From 8fa5f9f54d37656159731076a5c296f456b1992a Mon Sep 17 00:00:00 2001 From: Laurel Fulford Date: Fri, 18 Aug 2023 12:40:13 -0700 Subject: [PATCH 1/2] fix: make sure carousels without images aren't collapsed --- src/blocks/carousel/view.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/blocks/carousel/view.scss b/src/blocks/carousel/view.scss index 6c80bf38f..cf2d1faea 100644 --- a/src/blocks/carousel/view.scss +++ b/src/blocks/carousel/view.scss @@ -3,7 +3,7 @@ @use '../../shared/sass/colors'; @use '../../shared/sass/preview'; -.wpnbpc { +.wp-block-newspack-blocks-carousel { position: relative; margin-top: 0; @@ -100,6 +100,9 @@ height: 420px; background: colors.$color__background-screen; } + .swiper-initialized .wp-block-newspack-blocks-carousel__placeholder { + height: 100%; + } p { white-space: normal; } From 4aefffcd6754e88ebea6187b60aee2ac1e271eb2 Mon Sep 17 00:00:00 2001 From: Laurel Fulford Date: Fri, 18 Aug 2023 12:51:47 -0700 Subject: [PATCH 2/2] fix: correct placeholder display in editor --- src/blocks/carousel/editor.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/blocks/carousel/editor.scss b/src/blocks/carousel/editor.scss index b0375ed84..f0c78283f 100644 --- a/src/blocks/carousel/editor.scss +++ b/src/blocks/carousel/editor.scss @@ -1,6 +1,6 @@ @use '../../shared/sass/placeholder'; -.wpnbpc { +.wp-block-newspack-blocks-carousel { .swiper-wrapper { height: auto; pointer-events: none; @@ -20,6 +20,9 @@ .post-thumbnail img { display: block; } + &__placeholder { + height: 100%; + } .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 24px;