The paragraph__column within accordeon is missing a 10px padding to the left and right.
http://imgur.com/GhqFMUQ

Comments

bdichgans created an issue. See original summary.

bbuchert’s picture

The padding:

/* -------------------------------------------------------------------------- */
/* 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. */
.panel-collapse .paragraph {
  margin-left: 15px;
  margin-right: 15px;
}

gets overwritten by:

/* -------------------------------------------------------------------------- */
/* Nesting paragraphs in Accordions, Columns, and Slideshows.                 */
/* -------------------------------------------------------------------------- */
/* Resets Base Paragraph Styling for Nested Paragraphs. */
.paragraph .paragraph,
.paragraph .paragraph .paragraph {
  margin-left: 0;
  margin-right: 0;
}

What is strange is that I can not find the same behaviour in your demo implementation here: http://bp.jimbir.ch/paragraph-types/accordion

bbuchert’s picture

I think I understand now what is the problem: I placed the accordion within the first column of two columns so.

The rule:

.paragraph .paragraph, .paragraph .paragraph .paragraph {
    margin-left: 0;
    margin-right: 0;
}

is more specific and beats out:

.panel-collapse .paragraph {
  margin-left: 15px;
  margin-right: 15px;
}

In the demo the rule does not beat out the other because it is less specific.

bbuchert’s picture

Title: padding in accordion » padding in accordion when placed inside column
bbuchert’s picture

Issue summary: View changes

thejimbirch’s picture

Status: Active » Fixed

Fixed in dev in commit:

https://www.drupal.org/commitlog/commit/90001/b27bda70ebea87f8d0a1d5f97d...

I labelled the commit with the wrong issue #.

thejimbirch’s picture

Version: 8.x-2.0-alpha3 » 8.x-2.0-alpha4
thejimbirch’s picture

Version: 8.x-2.0-alpha4 » 8.x-2.x-dev

Status: Fixed » Closed (fixed)

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