Merge pull request #19 from freshjuice-dev/update-list-module

Update list module
freshjuice-dev · Aug 21, 2024 · a17f0c1 · a17f0c1
2 parents 6517f12 + fb0199b
commit a17f0c1
Showing 1 changed file with 6 additions and 30 deletions.
diff --git a/theme/modules/list.module/module.html b/theme/modules/list.module/module.html
@@ -1,27 +1,9 @@
-{% require_css %}
-  <style>
-    {% scope_css %}
-      .icon-alignment {
-        margin-top: {{ module.styles.icon_alignment }}px;
-      }
-
-      .list-gaps {
-        gap: {{ module.styles.list_items_alignment }}px;
-      }
-
-      .icon-text-gaps {
-        gap: {{ module.styles.gap }}px;
-      }
-    {% end_scope_css %}
-  </style>
-{% end_require_css %}
-
-<div class="fj-container fj-mx-auto">
-  <ul class="fj-grid list-gaps">
+<div class="fj-not-prose fj-container fj-max-w-lg lg:fj-max-w-3xl fj-mx-auto">
+  <ul class="fj-grid" style="gap: {{ module.styles.list_items_alignment }}px;">
     {% for item in module.list_items %}
-      <li class="fj-flex icon-text-gaps">
-        <div style="height: {{ module.styles.icon_size }}px; width: {{ module.styles.icon_size }}px"
-             class="fj-flex-col fj-items-center fj-justify-center fj-shrink-0 icon-alignment">
+      <li class="fj-flex" style="gap: {{ module.styles.gap }}px;">
+        <div class="fj-shrink-0"
+             style="height: {{ module.styles.icon_size }}px; width: {{ module.styles.icon_size }}px; margin-top: {{ module.styles.icon_alignment }}px;">
 
           {% set current_icon = not module.enable_global_icons ? item.individual_item_icon : module.global_icon %}
           {% set current_icon_color = not module.enable_global_icon_color ? item.individual_icon_color : module.global_icon_color %}
@@ -38,13 +20,7 @@
 
         </div>
 
-        <div class="fj-text-lg fj-leading-tight">
-          {% if module.enable_rich_text %}
-            {% inline_rich_text field="item_rich_text" value="{{ item.item_rich_text }}" %}
-          {% else %}
-            {% inline_text field="item_text" value="{{ item.item_text }}" %}
-          {% endif %}
-        </div>
+        <div class="fj-text-lg fj-leading-tight">{{ module.enable_rich_text ? item.item_rich_text : item.item_text }}</div>
       </li>
     {% endfor %}
   </ul>