update styles for media group component

middlebury · Nov 20, 2024 · f6ccf6d · f6ccf6d
1 parent 7e1dfff
commit f6ccf6d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/templates/paragraphs/media-group.twig b/src/templates/paragraphs/media-group.twig
@@ -12,14 +12,15 @@
 
   <div class="row">
     {% for item in media_content_items %}
-      <div class="col-md-6 mb-7 d-flex{{loop.index % 2 == 0 ? '' : ' justify-content-md-end'}} align-items-start">
+      <div class="col-md-6 mb-7 {{loop.index % 2 == 0 ? 'pl-lg-4' : 'pr-lg-4'}}">
         {% if item == 'video' %}
           {% include 'partials/video.twig' %}
         {% elseif item == 'audio' %}
           {% include 'paragraphs/audio.twig' %}
         {% elseif item == 'image' %}
           {% include 'partials/image-with-caption.twig' with {
-            name: 'media_group'
+            name: 'media_group',
+            class: loop.index % 2 == 1 ? 'float-md-right' : ''
           } %}
         {% endif %}
       </div>

diff --git a/src/templates/partials/image-with-caption.twig b/src/templates/partials/image-with-caption.twig
@@ -1,4 +1,4 @@
-<figure class="media media--image media--contain-caption">
+<figure class="media media--image media--contain-caption {{class}}">
   <!-- {{name}} -->
   {% include 'partials/img.twig' with {
     name: name