css timeline

This commit is contained in:
2024-07-05 15:35:25 +02:00
parent 48942e3e1d
commit d4172ff07f
19 changed files with 626 additions and 111 deletions

View File

@@ -51,6 +51,7 @@
set ancre_href = '#paragraph-id--' ~ paragraph.id()
%}
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
@@ -65,14 +66,24 @@
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div class='__deroulement-container'>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
<div class='timeline'>
<div class="__timeline-arrows">
<button class="arrow arrow__prev">
{% include active_theme_path() ~ '/dist/assets/img/prev.svg' %}
</button>
<button class="arrow arrow__next">
{% include active_theme_path() ~ '/dist/assets/img/next.svg' %}
</button>
</div>
{% endif %}
</div>
<div class="__timeline-content">
{% if multiple %}
{% endif %}
{% for item in items %}
<div class="__paragraphs"{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
{% if multiple %}
{% endif %}
</div>
</div>
</div>
{% endif %}