Use SVG icon instead of font icon in modeladmin index view

This uses the same classes and tags than 'wagtailadmin/shared/header.html' to construct the <header> element and its children.
wagtail · Oct 4, 2021 · 4cc4704 · 4cc4704
1 parent d67fdd1
commit 4cc4704
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/wagtail/contrib/modeladmin/templates/modeladmin/index.html b/wagtail/contrib/modeladmin/templates/modeladmin/index.html
@@ -15,15 +15,16 @@
 
 {% block content %}
     {% block header %}
-        <header class="nice-padding hasform">
-            <div class="row">
+        <header class="hasform">
+            <div class="row nice-padding">
                 <div class="left header-left">
                     <div class="col header-title">
                         {% block h1 %}
-                        <h1 {% if view.header_icon %}class="icon icon-{{ view.header_icon }}"{% endif %}>
-                            {{ view.get_page_title }}
-                            {% include 'modeladmin/includes/result_count.html' %}
-                        </h1>
+                            <h1>
+                                {% if view.header_icon %}{% icon name=view.header_icon class_name="header-title-icon" %}{% endif %}
+                                {{ view.get_page_title }}
+                                {% include 'modeladmin/includes/result_count.html' %}
+                            </h1>
                         {% endblock %}
                     </div>
                     {% block search %}{% search_form %}{% endblock %}