fix: breadcrumbs alignment (#830)

lukasvinclav · web-flow · commit aa5e23b552ac · 2024-10-31T17:10:13.000+01:00
diff --git a/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage.html b/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage.html
@@ -5,7 +5,7 @@
 {% block breadcrumbs %}{% if not is_popup %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_group.html b/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_group.html
@@ -8,7 +8,7 @@
 {% block breadcrumbs %}{% if not is_popup %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_user.html b/src/unfold/contrib/guardian/templates/admin/guardian/model/obj_perms_manage_user.html
@@ -9,7 +9,7 @@
 {% block breadcrumbs %}{% if not is_popup %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/contrib/import_export/templates/admin/import_export/export.html b/src/unfold/contrib/import_export/templates/admin/import_export/export.html
@@ -12,7 +12,7 @@
 {% block breadcrumbs %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/contrib/import_export/templates/admin/import_export/import.html b/src/unfold/contrib/import_export/templates/admin/import_export/import.html
@@ -23,7 +23,7 @@
 {% block breadcrumbs %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/contrib/simple_history/templates/simple_history/object_history_form.html b/src/unfold/contrib/simple_history/templates/simple_history/object_history_form.html
@@ -6,7 +6,7 @@
 {% block breadcrumbs %}
     <div class="px-4 lg:px-12">
         <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/static/unfold/css/styles.css b/src/unfold/static/unfold/css/styles.css
diff --git a/src/unfold/templates/admin/app_index.html b/src/unfold/templates/admin/app_index.html
@@ -10,7 +10,7 @@
     {% block breadcrumbs %}
         <div class="px-12">
             <div class="container mb-12 mx-auto -my-3">
-                <ul class="flex">
+                <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
                     {% trans 'Home' as name %}
                     {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/templates/admin/auth/user/change_password.html b/src/unfold/templates/admin/auth/user/change_password.html
@@ -8,7 +8,7 @@
     {% block breadcrumbs %}
         <div class="px-12">
             <div class="container mb-12 mx-auto -my-3">
-                <ul class="flex">
+                <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
                     {% trans 'Home' as name %}
                     {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/templates/admin/base.html b/src/unfold/templates/admin/base.html
@@ -18,7 +18,7 @@
                     {% block breadcrumbs %}
                         <div class="px-4 lg:px-12">
                             <div class="container mb-12 mx-auto -my-3">
-                                <ul class="flex">
+                                <ul class="flex flex-wrap">
                                     {% url 'admin:index' as link %}
                                     {% trans 'Home' as name %}
                                     {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/templates/admin/change_form.html b/src/unfold/templates/admin/change_form.html
@@ -13,7 +13,7 @@
     {% block breadcrumbs %}
         <div class="px-4 lg:px-12">
             <div class="container mb-6 mx-auto -my-3 lg:mb-12">
-                <ul class="flex">
+                <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
                     {% trans 'Home' as name %}
                     {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/templates/admin/change_list.html b/src/unfold/templates/admin/change_list.html
@@ -26,7 +26,7 @@
     {% block breadcrumbs %}
         <div class="px-4 lg:px-12">
             <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} mb-6 mx-auto -my-3 lg:mb-12">
-                <ul class="flex">
+                <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
                     {% trans 'Home' as name %}
                     {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/templates/admin/delete_confirmation.html b/src/unfold/templates/admin/delete_confirmation.html
@@ -10,9 +10,9 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-12">
-        <div class="container mb-12 mx-auto -my-3">
-            <ul class="flex">
+    <div class="px-4 lg:px-12">
+        <div class="container mb-6 mx-auto -my-3 lg:mb-12">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/templates/admin/delete_selected_confirmation.html b/src/unfold/templates/admin/delete_selected_confirmation.html
@@ -10,9 +10,9 @@
 {% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} delete-confirmation delete-selected-confirmation{% endblock %}
 
 {% block breadcrumbs %}
-    <div class="px-12">
-        <div class="container mb-12 mx-auto -my-3">
-            <ul class="flex">
+    <div class="px-4 lg:px-12">
+        <div class="container mb-6 mx-auto -my-3 lg:mb-12">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/templates/admin/object_history.html b/src/unfold/templates/admin/object_history.html
@@ -4,7 +4,7 @@
 {% block breadcrumbs %}
     <div class="px-4 lg:px-12">
         <div class="container mb-12 mx-auto -my-3">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/templates/registration/password_change_done.html b/src/unfold/templates/registration/password_change_done.html
@@ -7,7 +7,7 @@
     {% block breadcrumbs %}
         <div class="px-12">
             <div class="container mb-12 mx-auto -my-3">
-                <ul class="flex">
+                <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
                     {% trans 'Home' as name %}
                     {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
diff --git a/src/unfold/templates/registration/password_change_form.html b/src/unfold/templates/registration/password_change_form.html
@@ -7,7 +7,7 @@
     {% block breadcrumbs %}
         <div class="px-12">
             <div class="container mb-12 mx-auto -my-3">
-                <ul class="flex">
+                <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
                     {% trans 'Home' as name %}
                     {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}
