FEATURE require Focuspoint, auto-crop images (#30)

remove `mb-3` on .element__features__list
dynamic · Sep 14, 2023 · df4f16e · df4f16e
1 parent 15d8833
commit df4f16e
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/composer.json b/composer.json
@@ -21,6 +21,7 @@
     "require": {
         "dnadesign/silverstripe-elemental": "^5",
         "dynamic/silverstripe-elemental-baseobject": "^4",
+        "jonom/focuspoint": "^5.0",
         "silverstripe/framework": "^5"
     },
     "require-dev": {

diff --git a/templates/Dynamic/Elements/Features/Elements/ElementFeatures.ss b/templates/Dynamic/Elements/Features/Elements/ElementFeatures.ss
@@ -2,7 +2,7 @@
 <% if $Content %><div class="element__content">$Content</div><% end_if %>
 
 <% if $FeaturesList %>
-    <div class="row mb-3 g-0 element__features__list">
+    <div class="row g-0 element__features__list">
         <% if $Alternate %>
             <% loop $FeaturesList %>
                 <% include FeaturesListAlternating %>

diff --git a/templates/Includes/FeaturesList.ss b/templates/Includes/FeaturesList.ss
@@ -2,7 +2,7 @@
     <div class="row g-0 feature-item">
         <% if $Image %>
             <div class="col-md-5">
-                <img src="$Image.URL" class="img-fluid rounded-start" alt="$Image.Title.ATT">
+                <img src="$Image.FocusFill(800,550).URL" class="img-fluid rounded-start" alt="$Image.Title.ATT">
             </div>
             <div class="card-body col-md-7">
         <% else %>

diff --git a/templates/Includes/FeaturesListAlternating.ss b/templates/Includes/FeaturesListAlternating.ss
@@ -2,9 +2,9 @@
     <div class="row g-0 feature-item alternating">
         <% if $Image %>
             <div class="col-md-5">
-                <img src="$Image.URL" class="img-fluid" alt="$Image.Title.ATT">
+                <img src="$Image.FocusFill(800,550).URL" class="img-fluid" alt="$Image.Title.ATT">
             </div>
-            <div class="card-body col-md-7<% if $Odd %> order-first<% end_if %>">
+            <div class="card-body col-md-7<% if $Even %> order-first<% end_if %>">
         <% else %>
             <div class="card-body col-md-12">
         <% end_if %>