From 35d6c926170708b344df8dd02d0e0636a5373d2c Mon Sep 17 00:00:00 2001 From: Ion Obreja Date: Thu, 2 Jan 2025 10:16:13 +0200 Subject: [PATCH 1/2] Config one and two column with multiple setting --- .../edw_paragraphs_container/README.md | 69 ++++++- .../container/container.component.yml | 24 +++ .../components/container/container.css | 101 +++++++++ .../components/container/container.twig | 28 +++ .../edw_paragraphs_container.info.yml | 1 + .../edw_paragraphs_container.layouts.yml | 21 ++ .../edw_paragraphs_container.module | 22 ++ .../edw_paragraphs_container.permissions.yml | 4 + .../src/Plugin/Layout/OneColumnLayout.php | 73 +++++++ .../src/Plugin/Layout/TwoColumnLayout.php | 195 ++++++++++++++++++ .../templates/one-column.html.twig | 37 ++++ .../paragraph--edw-container.html.twig | 25 +++ .../templates/two-column.html.twig | 78 +++++++ 13 files changed, 670 insertions(+), 8 deletions(-) create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.component.yml create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.css create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.twig create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.layouts.yml create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.module create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.permissions.yml create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/src/Plugin/Layout/OneColumnLayout.php create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/src/Plugin/Layout/TwoColumnLayout.php create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/templates/one-column.html.twig create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/templates/paragraph--edw-container.html.twig create mode 100644 modules/edw_paragraphs/modules/edw_paragraphs_container/templates/two-column.html.twig diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/README.md b/modules/edw_paragraphs/modules/edw_paragraphs_container/README.md index 91e93d8..bd5fbdb 100644 --- a/modules/edw_paragraphs/modules/edw_paragraphs_container/README.md +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/README.md @@ -1,19 +1,72 @@ -EDW Paragraphs Container -============================================= +# EDW Paragraphs Container This module provides a paragraph Container useful when you want to store other components. +Using the "Layout Paragraphs"(https://www.drupal.org/project/layout_paragraphs) module, everything related to the container will be used from the module's settings. + #### Block Item -| Field label | Field name | Description | Field type | Cardinality | Required | Translatable | Widget | -|------------------|------------------------|-------------|----------------------------|-------------|----------|--------------|-------------| -| Background color | field_background_color | - | List (text) | Single | No | No | Select list | -| Background image | field_background_media | - | Entity reference | Single | No | No | Select list | + +| Field label | Field name | Description | Field type | Cardinality | Required | Translatable | Widget | +| ---------------- | ---------------------- | ----------- | ---------------- | ----------- | -------- | ------------ | ----------- | +| Background color | field_background_color | - | List (text) | Single | No | No | Select list | +| Background image | field_background_media | - | Entity reference | Single | No | No | Select list | + + ## Installation 1. Install the `edw_modules` suite using composer as instructed in the main module documentation -2. Enable the module using drush: `drush en edw_paragraphs_container` \ No newline at end of file +2. Enable the module using drush: `drush en edw_paragraphs_container` + +### Info + +It is based on class "grid-container" +Ex: + +```pcss +.grid-container { + --_cg-rows: 6; + --_cg-mw: calc(var(--container-mw, 100%) - var(--container-py) * 2); + --_cg-mi: 20px; + --_cg-gap: 16px; + --_cg-col_default: container; + + @media (--md) { + --_cg-rows: 12; + --_cg-gap: 40px; + --_cg-mw: calc(var(--container-mw, 100%) - var(--container-py)); + } + + /* Calcul */ + --_calc_cg-mi: calc(var(--_cg-mi) - var(--_cg-gap)); + + display: grid; + grid-template-columns: + [full-start] minmax(var(--_calc_cg-mi), 1fr) + [container-start] + repeat( + var(--_cg-rows), + calc( + (var(--_cg-mw) - var(--_cg-gap) * (var(--_cg-rows) - 1)) / var( + --_cg-rows + ) + ) + ) + [container-end] + minmax(var(--_calc_cg-mi), 1fr) [full-end]; + gap: var(--_cg-gap); + + & > * { + grid-column: var(--_cg-col_default); + } + + & > .full, + & > *:has(.grid-container) { + --_cg-col_default: full; + } +} +``` diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.component.yml b/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.component.yml new file mode 100644 index 0000000..ebf707b --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.component.yml @@ -0,0 +1,24 @@ +$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json +name: Container +status: experimental +description: 'Container description' + +props: + type: object + properties: + container_classes: + type: array + items: + type: string + title: Container classes + description: An array of utility classes. Use to add extra classes or custom CSS classes over to this component. + + container_attributes: + type: Drupal\Core\Template\Attribute + title: Attributes + description: A list of HTML attributes for the container + +slots: + container_slot_main: + title: 'Main slot' + description: 'Main slot description' diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.css b/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.css new file mode 100644 index 0000000..4712689 --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.css @@ -0,0 +1,101 @@ +.c--container { + isolation: isolate; + display: grid; + grid-template-areas: 'stack'; + + & > * { + grid-area: stack; + } +} + +/* Temporary */ +.c--container { + --_c-container_pb: var(--c-container_pb, 60px); + + &.p_pb > .edw-container { + padding-block: var(--_c-container_pb); + } + + /* To Do field front/admin don't have some class */ + .field-background-media, + .field--name-field-background-media { + position: relative; + z-index: -1; + + img { + position: absolute; + inset: 0; + object-fit: cover; + width: 100%; + height: 100%; + } + } +} + +/* One columns */ +.edw-container--one-column { + & > .c--container_default { + --_cg-col_default: 2 / 6; + } + + & > .c--container_full { + --_cg-col_default: full; + } + + & > .c--container_small { + --_cg-col_default: var(--_cg-col_sm, container); + + @media (min-width: 768px) { + --_cg-col_sm: 3 / 13; + } + + @media (min-width: 1024px) { + --_cg-col_sm: 4 / 12; + } + + @media (min-width: 1280px) { + --_cg-col_sm: 5 / 11; + } + } +} + +/* Two columns */ +.edw-container--two-column { + --region--delimiter: 8; +} + +@media (min-width: 768px) { + .region--column-1 { + --_cg-col_default: var(--region--col1_s, 2) / + var(--region--col1_e, var(--region--delimiter)); + + &:where(.container-out) { + --region--col1_s: 1; + } + } + + .region--column-2 { + --_cg-col_default: var(--region--col2_s, var(--region--delimiter)) / + var(--region--col2_e, 14); + + &:where(.container-out) { + --region--col2_e: -1; + } + } +} + +.c--container_33-67 { + --region--delimiter: 6; +} + +.c--container_67-33 { + --region--delimiter: 10; +} + +.c--container_25-75 { + --region--delimiter: 5; +} + +.c--container_75-25 { + --region--delimiter: 11; +} diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.twig b/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.twig new file mode 100644 index 0000000..9c7f8fa --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.twig @@ -0,0 +1,28 @@ +{# +/** + * @file + * Container Component. + * Proprietes + * container_classes: array(string) + * + * Slots + * container_slot_main + */ +#} + +{# Set default value #} + +{# Create attributres #} +{% set container_attributes = container_attributes ?: create_attribute() %} + +{# Component classes #} +{% set container_classes = [ + 'c--container' +]|merge(container_classes ?: []) %} + +{# Add extra attributes, classes #} +{# {% set container_attributes = container_attributes.setAttribute('data-dots', dots) %} #} + + + {% block container_slot_main %}{% endblock %} + diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.info.yml b/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.info.yml index 169efd1..1599823 100644 --- a/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.info.yml +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.info.yml @@ -5,3 +5,4 @@ type: module core_version_requirement: ^9.4 || ^10 || ^11 dependencies: - edw_paragraphs:edw_paragraphs + - layout_paragraphs:layout_paragraphs diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.layouts.yml b/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.layouts.yml new file mode 100644 index 0000000..b346cb4 --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.layouts.yml @@ -0,0 +1,21 @@ +one_column: + label: "EDW One column" + category: "EDW Layouts" + template: templates/one-column + default_region: main + class: '\Drupal\edw_paragraphs_container\Plugin\Layout\OneColumnLayout' + regions: + main: + label: Main content + +two_column: + label: "EDW Two column" + category: "EDW Layouts" + template: templates/two-column + default_region: column_1 + class: '\Drupal\edw_paragraphs_container\Plugin\Layout\TwoColumnLayout' + regions: + column_1: + label: First Column + column_2: + label: Second Column diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.module b/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.module new file mode 100644 index 0000000..0787988 --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.module @@ -0,0 +1,22 @@ + [ + 'template' => 'paragraph--edw-container', + 'base hook' => 'paragraph', + ], + // 'field__paragraph__field_paragraphs' => [ + // 'template' => '_fields/field--paragraph--field-paragraphs', + // 'base hook' => 'field', + // ] + ]; +} diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.permissions.yml b/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.permissions.yml new file mode 100644 index 0000000..971e858 --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/edw_paragraphs_container.permissions.yml @@ -0,0 +1,4 @@ +configure column layout options: + title: "Configure column layout options" + description: "Configure / override the columns options in layouts" + restrict access: true diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/src/Plugin/Layout/OneColumnLayout.php b/modules/edw_paragraphs/modules/edw_paragraphs_container/src/Plugin/Layout/OneColumnLayout.php new file mode 100644 index 0000000..6e58908 --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/src/Plugin/Layout/OneColumnLayout.php @@ -0,0 +1,73 @@ + [], + 'width' => 'default', + ]; + } + + /** + * {@inheritdoc} + */ + public function buildConfigurationForm(array $form, FormStateInterface $form_state) { + $configuration = $this->getConfiguration(); + + $form['extra_classes'] = [ + '#type' => 'textfield', + '#title' => $this->t('Extra classes'), + '#default_value' => implode(' ', $configuration['extra_classes']), + ]; + + $form['width'] = [ + '#type' => 'select', + '#title' => $this->t('Width'), + '#options' => $this->getWidthOptions(), + '#default_value' => $configuration['width'], + ]; + + return $form; + } + + /** + * {@inheritdoc} + */ + public function submitConfigurationForm(array &$form, FormStateInterface $form_state) { + $extraClasses = $form_state->getValue('extra_classes'); + // Explode the string into an array and trim the values. + $this->configuration['extra_classes'] = array_map('trim', explode(' ', $extraClasses)); + + $this->configuration['width'] = $form_state->getValue('width'); + } + + /** + * Gets the width options for the layout. + * + * @return array + * An array of width options. + */ + public function getWidthOptions() { + return [ + 'default' => $this->t('Default width'), + 'small' => $this->t('Narrower width'), + 'full' => $this->t('Full width'), + ]; + } +} diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/src/Plugin/Layout/TwoColumnLayout.php b/modules/edw_paragraphs/modules/edw_paragraphs_container/src/Plugin/Layout/TwoColumnLayout.php new file mode 100644 index 0000000..391322e --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/src/Plugin/Layout/TwoColumnLayout.php @@ -0,0 +1,195 @@ +getColumns()) as $column) { + $columnSettings[$column] = [ + 'fills_page_width' => FALSE, + 'wrapper' => 'div', + 'grid_column_start' => NULL, + 'grid_column_end' => NULL, + ]; + } + + return parent::defaultConfiguration() + [ + 'extra_classes' => [], + 'column_widths' => '50-50', + ] + $columnSettings; + } + + /** + * {@inheritdoc} + */ + public function buildConfigurationForm(array $form, FormStateInterface $form_state) { + + $configuration = $this->getConfiguration(); + + $form['extra_classes'] = [ + '#type' => 'textfield', + '#title' => $this->t('Extra classes'), + '#default_value' => implode(' ', $configuration['extra_classes']), + '#description' => $this->t('Space separated list of extra classes.'), + ]; + + $form['column_widths'] = [ + '#type' => 'select', + '#title' => $this->t('Column widths'), + '#options' => [ + '50-50' => $this->t('50% / 50%'), + '33-67' => $this->t('33% / 67%'), + '67-33' => $this->t('67% / 33%'), + '25-75' => $this->t('25% / 75%'), + '75-25' => $this->t('75% / 25%'), + ], + '#default_value' => $configuration['column_widths'], + '#description' => $this->t('Select the width of the columns.'), + ]; + + foreach (array_keys($this->getColumns()) as $column) { + $form += $this->getColumnForm($column, $configuration); + } + + return $form; + } + + /** + * {@inheritdoc} + */ + public function submitConfigurationForm(array &$form, FormStateInterface $form_state) { + + // Save the column widths. + $this->configuration['column_widths'] = $form_state->getValue('column_widths'); + + $extraClasses = $form_state->getValue('extra_classes'); + // Explode the string into an array and trim the values. + $this->configuration['extra_classes'] = array_map('trim', explode(' ', $extraClasses)); + + // Save the column settings. + foreach (array_keys($this->getColumns()) as $column) { + $this->configuration[$column]['fills_page_width'] = $form_state->getValue($column)['fills_page_width']; + $this->configuration[$column]['wrapper'] = $form_state->getValue($column)['wrapper']; + $this->configuration[$column]['grid_column_start'] = $form_state->getValue($column)['grid_columns']['grid_column_start']; + $this->configuration[$column]['grid_column_end'] = $form_state->getValue($column)['grid_columns']['grid_column_end']; + } + } + + /** + * {@inheritdoc} + */ + protected function getColumns() { + return [ + 'column_1' => $this->t('First column'), + 'column_2' => $this->t('Second column'), + ]; + } + + /** + * Builds the form for a column config. + * + * @param string $column + * The column id. + * @param array $configuration + * The configuration. + * + * @return array + * The form. + */ + protected function getColumnForm($column, array $configuration) { + + $columns = $this->getColumns(); + $form = []; + + $form[$column] = [ + '#type' => 'details', + '#title' => $columns[$column], + '#open' => FALSE, + '#access' => TRUE, + ]; + + $form[$column]['fills_page_width'] = [ + '#type' => 'checkbox', + '#title' => $this->t('Fills page width'), + '#default_value' => $configuration[$column]['fills_page_width'], + '#description' => $this->t('If checked, the column will span the full width of the page.'), + ]; + + $form[$column]['wrapper'] = [ + '#type' => 'select', + '#title' => $this->t('Wrapper'), + '#options' => [ + 'div' => $this->t('Div'), + 'span' => $this->t('Span'), + 'section' => $this->t('Section'), + 'article' => $this->t('Article'), + 'header' => $this->t('Header'), + 'footer' => $this->t('Footer'), + 'aside' => $this->t('Aside'), + ], + '#default_value' => $configuration[$column]['wrapper'], + '#description' => $this->t('Select the HTML element to wrap the column.'), + '#access' => $this->currentUser()->hasPermission('configure column layout options'), + ]; + + $form[$column]['grid_columns'] = [ + '#type' => 'container', + '#attributes' => [ + 'class' => ['container-inline'], + ], + '#access' => $this->currentUser()->hasPermission('configure column layout options'), + ]; + + $form[$column]['grid_columns']['grid_column_start'] = [ + '#type' => 'number', + '#title' => $this->t('Grid column start'), + '#min' => 1, + '#max' => 12, + '#default_value' => $configuration[$column]['grid_column_start'], + '#description' => $this->t('The column start position in the grid.'), + '#access' => $this->currentUser()->hasPermission('configure column layout options'), + ]; + + $form[$column]['grid_columns']['grid_column_end'] = [ + '#type' => 'number', + '#title' => $this->t('Grid column end'), + '#min' => 1, + '#max' => 12, + '#default_value' => $configuration[$column]['grid_column_end'], + '#description' => $this->t('The column end position in the grid.'), + '#access' => $this->currentUser()->hasPermission('configure column layout options'), + ]; + + return $form; + } + + /** + * Dependency injection is not applicable for layout plugins. + * + * Returns the current user. + * + * @return \Drupal\Core\Session\AccountProxyInterface + * The current user. + */ + protected function currentUser() { + return \Drupal::currentUser(); + } + +} diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/templates/one-column.html.twig b/modules/edw_paragraphs/modules/edw_paragraphs_container/templates/one-column.html.twig new file mode 100644 index 0000000..4c4a9fa --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/templates/one-column.html.twig @@ -0,0 +1,37 @@ +{# +/** + * @file + * One column layout. + * + * Use settings.variable to access a specific variable. + * + * Global settings: + * - extra_classes: An array of extra classes to add to the layout. + * - width: The width of the column / container. + * + * {{ region_attributes.main.addClass('main-region') }} + * + * @ingroup themeable + */ +#} + +{% set classes = [ + 'edw-container', + 'edw-container--one-column', + 'grid-container', + settings.width ? 'c--container_' ~ settings.width, +]|merge(settings.extra_classes ?: []) %} + +{% set region_classes = [ + settings.width ? 'c--container_' ~ settings.width, +] %} + +{% if content %} +
+ {% if content.main %} + + {{ content.main }} +
+ {% endif %} + +{% endif %} diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/templates/paragraph--edw-container.html.twig b/modules/edw_paragraphs/modules/edw_paragraphs_container/templates/paragraph--edw-container.html.twig new file mode 100644 index 0000000..0bb98f3 --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/templates/paragraph--edw-container.html.twig @@ -0,0 +1,25 @@ +{# +/** + * @file + * Frontend theme implementation to display a paragraph. + */ +#} + +{% set classes = [ + 'paragraph', + 'paragraph--' ~ paragraph.bundle|clean_class, + view_mode ? 'paragraph--'~ paragraph.bundle|clean_class ~ '--' ~ view_mode|clean_class, + content.field_background_color.0 ? 'bg-' ~ content.field_background_color.0['#markup'], + content.field_background_color.0 ? 'p_pb', + content.field_background_media.0 ? 'p_pb', +] %} + +{% embed 'edw_paragraphs_container:container' with { + container_attributes: attributes, + container_classes: classes, +} %} + {% block container_slot_main %} + {{ content.field_background_media }} + {{- content|without('field_background_color', 'field_background_media') -}} + {% endblock %} +{% endembed %} diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/templates/two-column.html.twig b/modules/edw_paragraphs/modules/edw_paragraphs_container/templates/two-column.html.twig new file mode 100644 index 0000000..f756d26 --- /dev/null +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/templates/two-column.html.twig @@ -0,0 +1,78 @@ +{# +/** + * @file + * Two column layout. + * + * Use settings.variable to access a specific variable. + * Use settings.column_1.variable to access a variable for column_1. + * Use settings.column_2.variable to access a variable for column_2. + * Global settings: + * - extra_classes: An array of extra classes to add to the layout. + * - column_widths: The width of each column. + * Region settings: + * - fills_page_width: Whether the region should fill the page width. + * - wrapper: The HTML element to use to wrap this region. + * - grid_column_start: The start column for the region. + * - grid_column_end: The end column for the region. + * + * @ingroup themeable + */ +#} + +{# Chage attributes to use with .setAttributes attributes. #} +{% set col1_att = region_attributes.column_1 ?: create_attribute() %} +{% set col2_att = region_attributes.column_2 ?: create_attribute() %} + +{# Abbreviated variables. #} +{% set col1_s = settings.column_1.grid_column_start %} +{% set col1_e = settings.column_1.grid_column_end %} +{% set col2_s = settings.column_2.grid_column_start %} +{% set col2_e = settings.column_2.grid_column_end %} + +{# Change component "container" container type if exist value in both columns #} +{% if col1_s and col1_e or col2_s and col2_e %} + {% set custom_settings = 'c--container_custom' %} +{% endif %} + +{% if col1_s and col1_e %} + {% set col1_att = col1_att.setAttribute('style', '--region--col1_s: ' ~ col1_s ~ '; --region--col1_e:' ~ col1_e ~ ';') %} +{% endif %} + +{% if col2_s and col2_e %} + {% set col2_att = col2_att.setAttribute('style', '--region--col2_s: ' ~ col2_s ~ '; --region--col2_e:' ~ col2_e ~ ';') %} +{% endif %} + +{# Set classes #} +{% set classes = [ + 'edw-container', + 'edw-container--two-column', + 'grid-container', + custom_settings ?: 'c--container_' ~ settings.column_widths, +]|merge(settings.extra_classes ?: []) %} + +{% set col_1_classes = [ + 'region--column-1', + settings.column_1.fills_page_width ? 'container-out', +] %} + +{% set col_2_classes = [ + 'region--column-2', + settings.column_2.fills_page_width ? 'container-out', +] %} + +{# Render content #} +{% if content %} +
+ {% if content.column_1 %} + <{{settings.column_1.wrapper}} {{ col1_att.addClass(col_1_classes) }}> + {{ content.column_1 }} + + {% endif %} + + {% if content.column_2 %} + <{{settings.column_2.wrapper}} {{ col2_att.addClass(col_2_classes) }}> + {{ content.column_2 }} + + {% endif %} +
+{% endif %} From 06e4e2e7f8ef7799214a9a57d0e9ad35d1d3acd8 Mon Sep 17 00:00:00 2001 From: Ion Obreja Date: Thu, 9 Jan 2025 15:34:33 +0200 Subject: [PATCH 2/2] Fixed admin issues with carousel --- .../edw_paragraphs_container/components/container/container.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.css b/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.css index 4712689..80cd1d0 100644 --- a/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.css +++ b/modules/edw_paragraphs/modules/edw_paragraphs_container/components/container/container.css @@ -1,6 +1,6 @@ .c--container { isolation: isolate; - display: grid; + /* display: grid; admin issues */ grid-template-areas: 'stack'; & > * {