From 88da64c8f745883b4b5618bc17214ee49771d193 Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 9 Dec 2021 13:22:47 +0100 Subject: [PATCH] largeur titre actu --- web/themes/custom/eql/css-compiled/styles.css | 2 +- web/themes/custom/eql/eql.theme | 12 ++++ web/themes/custom/eql/scripts/main.js | 1 + .../eql/scss/pages/_toutesactualites.scss | 2 +- .../custom/eql/templates/field.html.twig | 23 +++++++- .../custom/eql/templates/paragraph.html.twig | 55 +++++++++++++++++++ 6 files changed, 92 insertions(+), 3 deletions(-) create mode 100644 web/themes/custom/eql/templates/paragraph.html.twig diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index b835880..6c577e1 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -757,7 +757,7 @@ a { padding-left: 0.5rem; content: "|"; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) { - width: 80%; } + width: 100%; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 { margin: 0; } .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links { diff --git a/web/themes/custom/eql/eql.theme b/web/themes/custom/eql/eql.theme index 56fd962..ecf627f 100644 --- a/web/themes/custom/eql/eql.theme +++ b/web/themes/custom/eql/eql.theme @@ -29,3 +29,15 @@ function eql_preprocess_node(&$variables){ /////////////////////////////////////////////////// +// counter pour id + +// function eql_preprocess_field(&$variables) { +// static $counter = 0; +// $variables['counter'] = $counter++; +// } + + +// function MYTHEME_preprocess_views_view_fields__view_machine_name(&$vars) { +// static $counter = 0; +// $vars['counter'] = $counter++; +// } \ No newline at end of file diff --git a/web/themes/custom/eql/scripts/main.js b/web/themes/custom/eql/scripts/main.js index 01da13c..0c061a2 100644 --- a/web/themes/custom/eql/scripts/main.js +++ b/web/themes/custom/eql/scripts/main.js @@ -30,3 +30,4 @@ function toggleFaq(event) { const answer = answers[i] answer.classList.toggle('opened');} } + diff --git a/web/themes/custom/eql/scss/pages/_toutesactualites.scss b/web/themes/custom/eql/scss/pages/_toutesactualites.scss index 3788c70..4567644 100644 --- a/web/themes/custom/eql/scss/pages/_toutesactualites.scss +++ b/web/themes/custom/eql/scss/pages/_toutesactualites.scss @@ -61,7 +61,7 @@ content: "|";} } .field:not(.field--name-field-images){ - width: 80%; + width: 100%; } h2{ margin:0; } .inline.links{ diff --git a/web/themes/custom/eql/templates/field.html.twig b/web/themes/custom/eql/templates/field.html.twig index 3072232..8887e0d 100644 --- a/web/themes/custom/eql/templates/field.html.twig +++ b/web/themes/custom/eql/templates/field.html.twig @@ -37,6 +37,7 @@ * @see template_preprocess_field() */ #} + {% set classes = [ 'field', @@ -58,6 +59,13 @@ 'first_part_home', ] %} +{% + set id_titre = [ + 'id' ~ paragraph_id|clean_id, + 'block-' ~ plugin_id|clean_class, + key.value, + ] +%} {% if label_hidden %} @@ -69,7 +77,14 @@ {% else %} {% for item in items %} - {{ item.content }} + {# {% for i in 0..10 %} #} + + {# {{index}} #} + {# #} + {# {{counter}} #} +
{{ item.content }}
+ + {# {% endfor %} #} {% endfor %} {% endif %} {% else %} @@ -86,3 +101,9 @@ {% endif %} {% endif %} + + + +{# {% for key, item in items %} + + {{ item.content }} #} \ No newline at end of file diff --git a/web/themes/custom/eql/templates/paragraph.html.twig b/web/themes/custom/eql/templates/paragraph.html.twig new file mode 100644 index 0000000..fa3ba93 --- /dev/null +++ b/web/themes/custom/eql/templates/paragraph.html.twig @@ -0,0 +1,55 @@ +{# +/** + * @file + * Default theme implementation to display a paragraph. + * + * Available variables: + * - paragraph: Full paragraph entity. + * Only method names starting with "get", "has", or "is" and a few common + * methods such as "id", "label", and "bundle" are available. For example: + * - paragraph.getCreatedTime() will return the paragraph creation timestamp. + * - paragraph.id(): The paragraph ID. + * - paragraph.bundle(): The type of the paragraph, for example, "image" or "text". + * - paragraph.getOwnerId(): The user ID of the paragraph author. + * See Drupal\paragraphs\Entity\Paragraph for a full list of public properties + * and methods for the paragraph object. + * - content: All paragraph items. Use {{ content }} to print them all, + * or print a subset such as {{ content.field_example }}. Use + * {{ content|without('field_example') }} to temporarily suppress the printing + * of a given child element. + * - attributes: HTML attributes for the containing element. + * The attributes.class element may contain one or more of the following + * classes: + * - paragraphs: The current template type (also known as a "theming hook"). + * - paragraphs--type-[type]: The current paragraphs type. For example, if the paragraph is an + * "Image" it would result in "paragraphs--type--image". Note that the machine + * name will often be in a short form of the human readable label. + * - paragraphs--view-mode--[view_mode]: The View Mode of the paragraph; for example, a + * preview would result in: "paragraphs--view-mode--preview", and + * default: "paragraphs--view-mode--default". + * - view_mode: View mode; for example, "preview" or "full". + * - logged_in: Flag for authenticated user status. Will be true when the + * current user is a logged-in member. + * - is_admin: Flag for admin user status. Will be true when the current user + * is an administrator. + * + * @see template_preprocess_paragraph() + * + * @ingroup themeable + */ +#} +{% + set classes = [ + 'paragraph', + 'paragraph--type--' ~ paragraph.bundle|clean_class, + view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class, + not paragraph.isPublished() ? 'paragraph--unpublished' + ] +%} +{% block paragraph %} + + {% block content %} + {{ content }} + {% endblock %} + +{% endblock paragraph %}