Simplify breadcrumbs

static/css/base.css

@@ -143,3 +143,12 @@ dl.profile-info > div {
     padding: 8px;
     border-top: 1px solid #ddd;
 }
+
+/* Breadcrumbs */
+.breadcrumbs {
+    padding: 8px 15px;
+    margin-bottom: 20px;
+    list-style: none;
+    background-color: #f5f5f5;
+    border-radius: 4px;
+}

useradmin/templates/admin/app_index.html

@@ -1,19 +0,0 @@
-{# Please keep this template in sync with django/contrib/admin one #}
-{% extends "admin/index.html" %}
-{% load i18n %}
-
-{% block bodyclass %}{{ block.super }} app-{{ app_label }}{% endblock %}
-
-{% if not is_popup %}
-{% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
-<a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li class="active">
-{% for app in app_list %}
-{{ app.name }}
-{% endfor %}
-</li></ol>
-{% endblock %}
-{% endif %}
-
-{% block sidebar %}{% endblock %}

useradmin/templates/admin/change_form.html

@@ -15,12 +15,12 @@
 
 {% if not is_popup %}
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
-</li><li>{% if has_change_permission %}<a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>{% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}
-</li><li class="active">{% if add %}{% blocktrans with name=opts.verbose_name %}Add {{ name }}{% endblocktrans %}{% else %}{{ original|truncatewords:"18" }}{% endif %}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
+&rsaquo; {% if has_change_permission %}<a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>{% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}
+&rsaquo; {% if add %}{% blocktrans with name=opts.verbose_name %}Add {{ name }}{% endblocktrans %}{% else %}{{ original|truncatewords:"18" }}{% endif %}
+</div>
 {% endblock %}
 {% endif %}
 

useradmin/templates/admin/change_list.html

@@ -28,11 +28,11 @@
 
 {% if not is_popup %}
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=cl.opts.app_label %}">{{ cl.opts.app_config.verbose_name }}</a>
-</li><li class="active">{{ cl.opts.verbose_name_plural|capfirst }}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=cl.opts.app_label %}">{{ cl.opts.app_config.verbose_name }}</a>
+&rsaquo; {{ cl.opts.verbose_name_plural|capfirst }}
+</div>
 {% endblock %}
 {% endif %}
 

useradmin/templates/admin/delete_confirmation.html

@@ -11,13 +11,13 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
-</li><li><a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst|escape }}</a>
-</li><li><a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a>
-</li><li class="active">{% trans 'Delete' %}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst|escape }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a>
+&rsaquo; {% trans 'Delete' %}
+</div>
 {% endblock %}
 
 {% block content %}

useradmin/templates/admin/delete_selected_confirmation.html

@@ -11,12 +11,12 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation delete-selected-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
-</li><li><a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst|escape }}</a>
-</li><li class="active">{% trans 'Delete multiple objects' %}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>
+&rsaquo; {% trans 'Delete multiple objects' %}
+</div>
 {% endblock %}
 
 {% block content %}

useradmin/templates/admin/object_history.html

@@ -3,13 +3,13 @@
 {% load i18n admin_urls %}
 
 {% block breadcrumbs %}
-<ol class="breadcrumb"><li class="home">
+<div class="breadcrumbs">
 <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
-</li><li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
-</li><li><a href="{% url opts|admin_urlname:'changelist' %}">{{ module_name }}</a>
-</li><li><a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a>
-</li><li class="active">{% trans 'History' %}
-</li></ol>
+&rsaquo; <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'changelist' %}">{{ module_name }}</a>
+&rsaquo; <a href="{% url opts|admin_urlname:'change' object.pk|admin_urlquote %}">{{ object|truncatewords:"18" }}</a>
+&rsaquo; {% trans 'History' %}
+</div>
 {% endblock %}
 
 {% block content %}