Fix: allow custom media-item--heading tag (#1976)

cal-itp · Mar 22, 2024 · 4a450a4 · 4a450a4
2 parents 0fa3235 + 93293f8
commit 4a450a4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/benefits/core/templates/core/includes/media-item.html b/benefits/core/templates/core/includes/media-item.html
@@ -4,10 +4,12 @@
         {% endblock icon %}
     </div>
     <div class="media-body">
-        <h3 class="media-body--heading">
+        {% block heading_wrapper %}
+            <{{ heading_tag|default:"h3" }} class="media-body--heading h3">
             {% block heading %}
             {% endblock heading %}
-        </h3>
+            </{{ heading_tag|default:"h3" }}>
+        {% endblock heading_wrapper %}
         {% block body %}
         {% endblock body %}
     </div>

diff --git a/benefits/enrollment/templates/enrollment/includes/media-item--bankcardcheck--index.html b/benefits/enrollment/templates/enrollment/includes/media-item--bankcardcheck--index.html
@@ -5,6 +5,10 @@
     {% include "core/includes/icon.html" with name="bankcardcheck" %}
 {% endblock icon %}
 
+{% block heading_wrapper %}
+    {% with heading_tag="h2" %}{{ block.super }}{% endwith %}
+{% endblock heading_wrapper %}
+
 {% block heading %}
     {% translate "The next step is to connect your contactless card to your transit benefit" %}
 {% endblock heading %}