Paragraphs inside accordion overflows to the right with margins 15px:

.paragraph.paragraph--type--bp-accordion .panel-collapse > .paragraph {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
}

Using a padding of 15px instead should work.

Comments

bdichgans created an issue. See original summary.

bbuchert’s picture

bbuchert CreditAttribution: bbuchert as a volunteer commented
Title: Text overflows » Text overflows within accordion
bbuchert’s picture

bbuchert CreditAttribution: bbuchert as a volunteer commented
Issue summary: View changes
bbuchert’s picture

bbuchert CreditAttribution: bbuchert as a volunteer commented

This should work:

/* -------------------------------------------------------------------------- */
/* Here we can customize the different Paragraph types.                       */
/* -------------------------------------------------------------------------- */

/* Accordion Paragraph. */
/* paragraph--bp-accordion.html.twig */
/* Adds margin and padding to paragraphs in accordion Section bodies. */

.paragraph.paragraph--type--bp-accordion {

  .panel-collapse {

    > .paragraph {
      display: inline-block;
      padding-left: 15px;
      padding-right: 15px;

  • thejimbirch committed 4d41fbf on 8.x-2.x 
    Issue #2887335 by bdichgans, thejimbirch: Text overflows within...

thejimbirch credited thejimbirch.

thejimbirch’s picture

thejimbirch CreditAttribution: thejimbirch commented
Status: Active » Fixed

This is fixed in dev, thanks!

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.