Release v2.9 brings a lot of fixes and design and UX improvements.

  • the P4 Campaign Generator: warning message to be displayed if editors try to upload the incorrect type of content for columns block – icons style; introducing specifications for logos dimensions and adjusting those to remove space around the graphics; bringing back missing external link symbols; include “Campaign” as Content Type filter.
  • fixed bugs such as: columns block being broken on small size screens; editing not available for the Carousel header; submenu block being cut off on small screens.
  • improvements for the EN form and design and UX: for posts for eg, tags and post type field accept only existing content.

Read on to make sure you don’t miss any important changes about your site.

Release v2.9 (20/11/2019)

P4 Campaign Generator (P4CG) 

  • PLANET-4233 – CPP – Column block – Icons style – Icons not always visible
    • The icons in the Icons block were not really visible on the different templates on a campaign page.  The style was only breaking when choosing a photo, not a graphic.
    • The behavior of the block has been changed and when editors do not upload the correct type of file, a warning message will be displayed under the column.
    • Columns block -> Icons style only work with ‘png’ images. Otherwise, the warning message will be displayed as in the screen shot below.
  • PLANET-4235 – CPP – Covers block – Content covers – Images need to be portrait
    • The default template of the Covers block – Content covers style has portrait mode images and no outlines. In all CPP templates the images are in landscape with a colored border or overlay.
    • The styling from images has been removed to match the style of default block.
  • PLANET-4275 – CPP – EN Form block – Logo max height
    • On the EN Form block there’s an option to add campaign logos.
    • Max height and width, as well as the margin/padding around them has been specified to make sure they look good no matter what aspect ratio they are having.
  • PLANET-4397 – CPP – Adjust campaign logo files to remove space around the graphics
    • Campaign logo files have been adjusted to make sure they don’t have additional space around the graphics so that we can make sure that the additional space is not interfering with the intended spacing.
  • PLANET-4398 – CPP – EN Form block – Check spacing between Title and Description
    • The spacing in the EN Form block between the Title and the Description has been adjusted and can now be used consistently on the default version and all the campaign templates.
  • PLANET-4351 – CPP – External link symbols missing
    • Once with Gutenberg being released, the external link icons went missing from climate emergency campaign page. This has been fixed now.
  • PLANET-4077 – Search results: include “Campaign” as Content Type filter
    • Along with redesigning how the “Campaign” content type looks like in the search results, the “Campaign” content type should be added to the filters, in the same style as the existing Action | Document | Page | Post
    • The ‘Campaign’ filter has been added under Content type
    • Search will display results only for post type = campaign
  • PLANET-4268 – Add Block report in Gutenberg (Gutenberg native Blocks)
    • Report for PRODUCTION sites are also pulled out in the “Planet4 – All sites” doc

Engaging Networks form improvements  📣

  • PLANET-4408 – WP Dashboard – “Check Engaging Networks” option missing in “Planet 4 Control panel”
    • The Planet 4 Control Panel option to check EN API connectivity (Check Engaging Networks) option was missing.
Check Engaging Networks option missing in Planet 4 Control Panel

Check Engaging Networks option available in Planet 4 Control Panel
  • PLANET-4409 – EN plugin: Sync translations
    • The new EN Gutenberg plugin has a wrong l10n textdomain, so it doesn’t pick up existing translations. The following tasks were performed in order to fix this issue:
      • Fix textdomain
      • Separate frontend and backend translations
      • Sync Handbook
  • PLANET-4410 – EN Form: Check boxes should allow for a conditional response
    •  The dependency checkbox not working as intended. The required js file is not loading which is causing the problem.

Design and UX Improvements 🎩

  • PLANET-4340 – Posts: Change tag and post type field to accept only existing content
    • The Tag and Post type field in Posts allow users to add any new tag even if it doesn’t exist. The process to create tags and post types should start from the tag and post type pages, not in the post itself.
    • In order for this to be fixed, the following rules have been introduced:
      • Tag field should only allow user (any role) to enter existing tags
      • Post type should only allow user (any role) to enter existing post types
  • PLANET-4404 – FILE Block: Button padding seems off
    • Padding seems off on the frontend.
    • Secondary button styling is not visible on the backend

Bug Fixes 🐛

  • PLANET-4380 – The columns block styles are broken on screens under 892px wide
    • When the narrow layout comes into effect (where all columns just appear as collapsible cards, one on top of the other), the styles are broken and making things quite ugly.
    • This have been fixed.
  • PLANET-4382 – Can’t edit/add items of Carousel header
    • Editors reported they were not able to click to open the slides of the carousel headers on the homepages and the preview was looking weird. On the webpage itself it was looking fine; only in the editor it was shown very differently and wrong.
  • PLANET-4279 – Submenu block: front-end content cut off
    • When viewing a webpage on small screens which was using the full-width Submenu block, the content was being cut off.
  • PLANET-4342 – Gallery P4 block: Focus point not working
    • Gallery block (all styles) do not reflect the right focus point selected. The focus point of the grid and slider style has been fixed. A fix for the third style will be introduced in the next release.

Geek alert

(this section is dedicated to developers or web editors with advanced tech knowledge)

  • PLANET-4367 – Refactor EN Gutenberg plugin
    • Refactor planet4-plugin-gutenberg-engagingnetworks so it has the folder/code structure as planet4-plugin-gutenberg-blocks (eg. react-blocks -> assets).
  • PLANET-4360 – Optimize Campaign assets – chunk into separate files
    • The webpack build is generating this warning: ‘WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. Assets: ./campaigns.min.css (416 KiB)’
    • This is probably due to the complexity of the campaigns SCSS files, and the scoping and inheritance in place. So it would be best to split the campaigns CSS into themes, and enqueue the styles in PHP at render time for each specific theme as needed.