diff --git a/packages/block-library/src/query/edit/enhanced-pagination-modal.js b/packages/block-library/src/query/edit/enhanced-pagination-modal.js index 42c66f5e94c904..04423116ac92e3 100644 --- a/packages/block-library/src/query/edit/enhanced-pagination-modal.js +++ b/packages/block-library/src/query/edit/enhanced-pagination-modal.js @@ -15,7 +15,7 @@ import { useState, useEffect } from '@wordpress/element'; import { useContainsThirdPartyBlocks } from '../utils'; const disableEnhancedPaginationDescription = __( - 'Third-party blocks are not supported inside a Query Loop block with enhanced pagination enabled. To re-enable it, remove any third-party block and then update it in the Query Loop settings.' + 'Plugin blocks are not supported yet. For the enhanced pagination to work, remove the plugin block, then re-enable "Enhanced pagination" in the Query Block settings.' ); const modalDescriptionId = @@ -38,7 +38,7 @@ export default function EnhancedPaginationModal( { isOpen && ( - + { disableEnhancedPaginationDescription } @@ -56,7 +56,7 @@ export default function EnhancedPaginationModal( { setAttributes( { enhancedPagination: false } ); } } > - { __( 'OK, understood' ) } + { __( 'OK' ) } diff --git a/packages/block-library/src/query/edit/inspector-controls/enhanced-pagination-control.js b/packages/block-library/src/query/edit/inspector-controls/enhanced-pagination-control.js index 4711a36f584101..042c9f1e75930c 100644 --- a/packages/block-library/src/query/edit/inspector-controls/enhanced-pagination-control.js +++ b/packages/block-library/src/query/edit/inspector-controls/enhanced-pagination-control.js @@ -15,7 +15,7 @@ export default function EnhancedPaginationControl( { clientId, } ) { const enhancedPaginationNotice = __( - 'Enhanced pagination requires all descendants to be Core blocks. If you want to enable it, you have to remove all third-party blocks contained inside the Query Loop block.' + "Enhanced pagination doesn't support plugin blocks yet. If you want to enable it, you have to remove all plugin blocks from the Query Loop." ); const containsThirdPartyBlocks = useContainsThirdPartyBlocks( clientId ); @@ -36,11 +36,13 @@ export default function EnhancedPaginationControl( { } } /> { containsThirdPartyBlocks && ( -
- - { enhancedPaginationNotice } - -
+ + { enhancedPaginationNotice } + ) } ); diff --git a/packages/block-library/src/query/editor.scss b/packages/block-library/src/query/editor.scss index d95cbecc7da220..61b553b6ed02e0 100644 --- a/packages/block-library/src/query/editor.scss +++ b/packages/block-library/src/query/editor.scss @@ -53,8 +53,12 @@ } } -.wp-block-query-enhanced-pagination-modal { +.wp-block-query__enhanced-pagination-modal { @include break-small() { max-width: $break-mobile; } } + +.wp-block-query__enhanced-pagination-notice { + margin: 0; +} diff --git a/packages/block-library/src/query/style.scss b/packages/block-library/src/query/style.scss index c560018056d7f0..25003dcca5431b 100644 --- a/packages/block-library/src/query/style.scss +++ b/packages/block-library/src/query/style.scss @@ -14,8 +14,8 @@ animation: wp-block-query__enhanced-pagination-start-animation 30s - cubic-bezier(0, 1, 0, 1) - infinite; + cubic-bezier(0.03, 0.5, 0, 1) + forwards; } &.finish-animation { diff --git a/packages/block-library/src/query/view.js b/packages/block-library/src/query/view.js index 78cc423c80661a..2f334692e32910 100644 --- a/packages/block-library/src/query/view.js +++ b/packages/block-library/src/query/view.js @@ -44,7 +44,7 @@ store( { context.core.query.message = context.core.query.loadingText; context.core.query.animation = 'start'; - }, 300 ); + }, 400 ); await navigate( ref.href );