From 0aaf5e007118f41d156798418029167452442533 Mon Sep 17 00:00:00 2001 From: nikeo Date: Thu, 25 Oct 2018 16:13:07 +0200 Subject: [PATCH] fixed : The "cover image" block of the new WP editor has been renamed "cover". See https://github.com/WordPress/gutenberg/pull/10659, but posts created with the former cover-image block will still use the wp-block-cover-image css class. fixes #1601 --- assets/front/scss/0_4_layout/_article.scss | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/assets/front/scss/0_4_layout/_article.scss b/assets/front/scss/0_4_layout/_article.scss index 31ea658f7..9a6a381eb 100644 --- a/assets/front/scss/0_4_layout/_article.scss +++ b/assets/front/scss/0_4_layout/_article.scss @@ -190,7 +190,9 @@ section[class^="post-"] { &.czr-no-sidebar { // alignwide and alignfull in boxed layouts // only reset the .container[role=main] horizontal padding - .entry-content .wp-block-cover-image { + // The "cover image" block of the new WP editor has been renamed "cover". + // See https://github.com/WordPress/gutenberg/pull/10659, but posts created with the former cover-image block will still use the wp-block-cover-image css class. + .entry-content .wp-block-cover-image, .entry-content .wp-block-cover { &.alignfull, &.alignwide { margin-right: -15px; @@ -208,6 +210,15 @@ section[class^="post-"] { } } } + &.czr-boxed-layout .entry-content .wp-block-cover { + @include media-breakpoint-up(sm) { + &.alignfull, + &.alignwide { + margin-right: -30px; + margin-left: -30px; + } + } + } } &.czr-full-layout.czr-no-sidebar { @@ -215,7 +226,9 @@ section[class^="post-"] { overflow-x: hidden; } // alignfull - .entry-content .wp-block-cover-image.alignfull { + // The "cover image" block of the new WP editor has been renamed "cover". + // See https://github.com/WordPress/gutenberg/pull/10659, but posts created with the former cover-image block will still use the wp-block-cover-image css class. + .entry-content .wp-block-cover-image.alignfull, .entry-content .wp-block-cover.alignfull { width: 100vw; max-width: 100vw; position: relative;