Block: Accordion

Expand or collapse content to improve user experience by preventing endless scrolling

Read more

The current release included a Bug Squash day, when 14 bugs were fixed and closed, so we have quite a consistent release this time. Among the most important updates, I bring to your attention the following: the new Accordion block, aligning social icons in the RTL sites, hiding password protected posts in articles block and search results, fixing colors for PDFs and updating heading and text sizes for Content Covers block and a couple more important fixes.


🎩 Features

  • PLANET-5466Implement new Accordion block
    • The Accordion block allows collapsible menus, behaving exactly like the “Column” blocks > Tasks Style on mobile.
  • PLANET-5781 – Update the P4 message board with the Holiday party!
    • We updated the dashboards of the P4 sites with a message to announce the Planet 4 team Holiday party which will soon be restored.

🐛Bug Fixes

  • PLANET-5791Last fixes for Take Action boxout A/B test
    • When setting up the Take Action boxout A/B test for several NROs, an issue was found that the design breaks when the translation for “Want to do more?” doesn’t fit on 1 line
    • In order to fix this we moved cover-card-more element outside of cover-card-content to fix the absolute positioning and used the bottom instead of top positioning to adapt to potential longer translation strings for “Want to do more?”
  • PLANET-5747Counter block: Counter is not inserted into EN Form
    • Re-insert public/js/counter.js file at the proper place, or integrate behavior to the React component.
  • PLANET-5731Cookie notice button on campaigns is too narrow
    • The cookie notice button uses a narrower width for campaigns, which is too narrow causing text-overflow: ellipsis to cut off, showing “Got …” instead of “Got it!”.
  • PLANET-5629Handbook: Gallery block not rendered in posts (GP CH Case study)
    • The Gallery block was not rendering in Handbook posts (worked fine in Pages).
  • PLANET-5386YouTube embed: URL parameters not working
    •  We force only related videos of channel to be displayed.
  • PLANET-5785Content covers block – Update heading and text sizes
    • Text title is now H5 style (20px/1.25rem) and the body text is 16px/1rem for all screen sizes.
  • PLANET-5774EN Form: share on email button on thank you page is broken
    • The Danish site had two campaign pages running and both mailto links for email shares after sign up were broken, with the subject line being the only thing that got fetched properly.
  • PLANET-5730 – Footer: Social icons are misaligned on RTL sites
    • Spaces between the social icons went wrong.
  • PLANET-5726 – Password protected post visible in articles block & search page result with post excerpt
    • The password protected posts were visible in the articles block & search page results with post excerpts.
    • The solution was to remove the password protected posts from showing up in the articles block and search results.
  • PLANET-5708PDF icon wrong color in secondary CTA buttons
    • PDF icons did not have the same color as per the rest of the secondary button elements.
    • We fixed colors for both normal and hover state.
  • PLANET-5642Inconsistent text color – Content covers block
    • The text title color of the content covers block was inconsistent with the rest of the blocks. The text title was supposed to be dark grey. #020202. 
  • PLANET-5616Blocks usage report doesn’t display edit link for posts without title
    • The Blocks usage report (administration side, Blocks > Usage) lists Id and Title of posts, the Id has a link to the post on the frontend, the Title has a link to the edit page. For a post with no title, there’s no link to the edit appearing.
    • The solution we implemented was to display title “(no title)” for an untitled post, like the All posts/pages admin list does.
  • PLANET-5593Hide articles block title if no posts available
    • On the post, the articles list are populated on the basis of post tags and category. If the tag or category is newly added then the articles block may not have posts to show. In that case, the articles block title needs to hide from the post.
    • Wait for articles api request to display title & description. Not show them at all if no articles.
  • PLANET-5522Tasks block not following the column block rules.
    • There were a number of things wrong with the tasks block. We introduced the following fixes:
      • The title font weight to be bold.
      • Block is now following the same rules for title link as columns. If there is a CTA then the title should become a link as well. The title will then need title link styling.
      • If title is a link, add the Analytics attributes.
      • Font sizes should be H5 for the title. The description should be 16px/1rem for all screens.
      • Remove links on the images.
  • PLANET-5387Campaigner User Role missing from Author dropdown field
    • Campaigner User Role was missing from Author dropdown field
  • PLANET-5264Covers block: Display issue on mobile device
    • The 3rd cover was supposed to be partially visible on mobile devices.
    • We used a percentile width to show a bit of the third card
  • PLANET-5162RSS Feed: Author Override field is not working
    • When viewing website content via the RSS Feed, the Author name displayed is the content creator (as per the author dropdown) rather than the content author (as per the override field).
    • We fixed the author override in RSS feed.
  • PLANET-4732Articles Block: count field disappears when using Manual Override
    • As an Editor I expect to have the ability to choose the number of Posts displayed regardless of whether the Posts are auto-generated or manually chosen. i.e. If an Editor chooses 6 stories and they want all six to appear they would have that option.
    • Articles block now show  articles count option for Manual override post setting as well.
  • PLANET-5395Some ElasticPress settings can not be saved

🔧 Infra / tech improvements

  • PLANET-5769 – jQuery: remove jQuery from pubslider.js
  • PLANET-5759 – jQuery: remove jQuery from img_align.js
  • PLANET-5754 – jQuery: remove jQuery from comments_anchor.js
  • PLANET-5768 – jQuery: remove jQuery from happy_point.js