diff --git a/CHANGELOG.md b/CHANGELOG.md index b537b5a31..802b22402 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,11 +6,12 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security). ## [2026.04] - Updated: all plugins, composer & npm packages to latest; pin React to v18 as an override to resolve conflicts between ` @dnd-kit/core` and `@wordpress/icons`; pin several other packages to newer versions to resolve security warnings. +- Updated: Archive, index, and search templates now use dedicated mobile and desktop pagination variants for improved responsive layouts. [MOOSE-348](https://moderntribe.atlassian.net/browse/MOOSE-348) ## [2026.03] -- Updated: Asset enqueuing for core blocks should now allow block scripts & styles to properly render across the FE & editor. -- Updated: Refactor Horizontal Tabs block into a dynamic block. Add reordering functionality. +- Updated: Asset enqueuing for core blocks should now allow block scripts & styles to properly render across the FE & editor. +- Updated: Refactor Horizontal Tabs block into a dynamic block. Add reordering functionality. - Updated: Refactor Vertical Tabs block to dynamic block; allow sorting. - Updated: All blocks that use the `ServerSideRender` package now properly pull from the named import instead of the default import (deprecated). - Updated: Image / Image Overlay blocks now use a shared `MediaImageControl` component instead of adding the media control separately. @@ -37,7 +38,7 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security). ## [2026.01] -- Updated: Interactive card blocks now use the animated underline on the title element on hover. +- Updated: Interactive card blocks now use the animated underline on the title element on hover. - Fixed: Vertical Tabs block now scrolls the selected tab into view on mobile, respecting reduced motion preferences. [MOOSE-333](https://moderntribe.atlassian.net/browse/MOOSE-333) - Fixed: Removed top margin from spacer block - Added: Yoast Duplicate Post plugin v4.5 for easier content duplication in the editor. @@ -103,10 +104,10 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security). ## [2025.01] - Chore: WordPress plugin updates, Composer & NPM package updates. -- Updated: Inline link styling should now apply to all links inside the post content block that do not have a +- Updated: Inline link styling should now apply to all links inside the post content block that do not have a class assigned to them. This should exclude things like buttons & navigation. - Added: `Admin_Menu_Order` class to handle reordering the WP Admin menu items that Moose loads with by default. - This also includes Yoast SEO & RankMath, just in case either are used by default. + This also includes Yoast SEO & RankMath, just in case either are used by default. - Added: Node service to Lando so FE assets can be built automatically on start up. - Updated: project start up scripts to automatically generate the correct contents of the lcoal config files. - Updated: script to install WordPress so we can use a version constant and not install WP every time composer is diff --git a/wp-content/themes/core/blocks/core/querypagination/style.pcss b/wp-content/themes/core/blocks/core/querypagination/style.pcss index f691b804a..5a6219fa9 100644 --- a/wp-content/themes/core/blocks/core/querypagination/style.pcss +++ b/wp-content/themes/core/blocks/core/querypagination/style.pcss @@ -21,6 +21,22 @@ color: var(--pagination-link-hover-color); } } + + /* Handles mobile and desktop pagination variants using dedicated modifier classes */ + &.b-pagination-desktop { + display: none; + } + + @media (--mq-tablet) { + + &.b-pagination-mobile { + display: none; + } + + &.b-pagination-desktop { + display: flex; + } + } } /* ----------------------------------------------------------------------- @@ -33,6 +49,11 @@ gap: 0 var(--spacer-20); margin: 0; + /* Reduce the space between numbers on tiny screens */ + @media (max-width: 376px) { + gap: 0 var(--spacer-10); + } + .page-numbers { line-height: 1; display: flex; @@ -49,7 +70,9 @@ /* Current page indicator */ &.current { - background-color: var(--pagination-numbers-current-background-color); + background-color: var( + --pagination-numbers-current-background-color + ); color: var(--pagination-numbers-current-color); } } diff --git a/wp-content/themes/core/templates/archive.html b/wp-content/themes/core/templates/archive.html index 72714360f..b2fc2e069 100644 --- a/wp-content/themes/core/templates/archive.html +++ b/wp-content/themes/core/templates/archive.html @@ -1,17 +1,26 @@ - + +
- +
- + - + + + + + + + + + @@ -20,4 +29,5 @@
+ diff --git a/wp-content/themes/core/templates/index.html b/wp-content/themes/core/templates/index.html index bd5a565f1..1e8cf4a09 100644 --- a/wp-content/themes/core/templates/index.html +++ b/wp-content/themes/core/templates/index.html @@ -1,19 +1,28 @@ + -
-

Posts Title - Editable in FSE

+
+

Posts Title - Editable in FSE

- +
- + - + + + + + + + + + @@ -22,4 +31,5 @@

diff --git a/wp-content/themes/core/templates/search.html b/wp-content/themes/core/templates/search.html index bc49df742..861249d20 100644 --- a/wp-content/themes/core/templates/search.html +++ b/wp-content/themes/core/templates/search.html @@ -1,37 +1,47 @@ +
-
-

Search

- - -
- - - -
-

- - - -
- - - - - -

Your search returned no results. Please try another search term.

- - - - - - - - - -
-
-
+
+

Search

+ + +
+ + +
+

+ + + +
+ + + + + +

Your search returned no results. Please try another search term.

+ + + + + + + + + + + + + + + + + +
+
+

+ +