From f912a91e6d5d15d2ead7e3673889f0e7fee9999b Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Wed, 4 Oct 2023 13:15:38 +0200
Subject: [PATCH 01/18] =?UTF-8?q?=E2=9C=A8=20allow=20views=20to=20define?=
 =?UTF-8?q?=20breadcrumbs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../helper/templatetags/breadcrumb_helper.py  |  8 +++
 froide/templates/base.html                    | 50 ++++++++++---------
 froide/templates/snippets/breadcrumbs.html    | 17 +++++++
 3 files changed, 52 insertions(+), 23 deletions(-)
 create mode 100644 froide/helper/templatetags/breadcrumb_helper.py
 create mode 100644 froide/templates/snippets/breadcrumbs.html

diff --git a/froide/helper/templatetags/breadcrumb_helper.py b/froide/helper/templatetags/breadcrumb_helper.py
new file mode 100644
index 000000000..a1957dc50
--- /dev/null
+++ b/froide/helper/templatetags/breadcrumb_helper.py
@@ -0,0 +1,8 @@
+from django import template
+
+register = template.Library()
+
+
+@register.filter
+def is_tuple(value):
+    return type(value) == tuple
diff --git a/froide/templates/base.html b/froide/templates/base.html
index f0f324c76..4dbf2ff48 100644
--- a/froide/templates/base.html
+++ b/froide/templates/base.html
@@ -3,29 +3,33 @@
 {% load static %}
 {% load frontendbuild %}
 {% block body_tag %}
-    {% if request.user.is_authenticated and request.session.impostor %}
-        {% include "account/includes/impostor.html" %}
-    {% endif %}
-    {% block top_block %}{% endblock %}
-    {% block navbar %}
-        {% include "header.html" %}
-    {% endblock %}
-    {% block body_wrapper %}
-        <main class="main">
-            {% block index_banner %}{% endblock %}
-            {% block foisite_advice %}{% endblock %}
-            {% block messages %}
-                {% include "snippets/messages.html" %}
-            {% endblock messages %}
-            {% block body %}
-                <div class="container mb-5 mt-3">
-                    {% block app_body %}{% endblock %}
-                </div>
-            {% endblock %}
-        </main>
-    {% endblock %}
-    {% block footer_container %}
-        {% include "footer.html" %}
+  {% if request.user.is_authenticated and request.session.impostor %}
+    {% include "account/includes/impostor.html" %}
+  {% endif %}
+
+  {% block top_block %}
+  {% endblock %}
+
+  {% block navbar %}
+    {% include "header.html" %}
+  {% endblock %}
+
+  {% include "snippets/breadcrumbs.html" %}
+
+  {% block body_wrapper %}
+  <main class="main">
+    
+    {% block index_banner %}{% endblock %}
+    {% block foisite_advice %}{% endblock %}
+
+    {% block messages %}
+      {% include "snippets/messages.html" %}
+    {% endblock messages %}
+
+    {% block body %}
+      <div class="container mb-5 mt-3">
+        {% block app_body %}{% endblock %}
+      </div>
     {% endblock %}
 {% endblock body_tag %}
 {% block scripts %}
diff --git a/froide/templates/snippets/breadcrumbs.html b/froide/templates/snippets/breadcrumbs.html
new file mode 100644
index 000000000..9fc8a6206
--- /dev/null
+++ b/froide/templates/snippets/breadcrumbs.html
@@ -0,0 +1,17 @@
+{% load breadcrumb_helper %}
+
+{% if view.breadcrumbs != None %}
+<nav class="container" aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    {% for breadcrumb in view.breadcrumbs %}
+      <li class="breadcrumb-item">
+        {% if breadcrumb|is_tuple %}
+          <a href="{% url breadcrumb.1 %}">{{ breadcrumb.0 }}</a>
+        {% else %}
+          {{ breadcrumb }}
+        {% endif %}
+      </li>
+    {% endfor %}
+    </ol>
+  </nav>
+{% endif %}
\ No newline at end of file

From c0b9dd9b455957ed01ee3c61858f0b99f815d4e7 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Wed, 4 Oct 2023 16:40:37 +0200
Subject: [PATCH 02/18] =?UTF-8?q?=F0=9F=92=84=20adjust=20breadcrumb=20sizi?=
 =?UTF-8?q?ng?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/templates/snippets/breadcrumbs.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/froide/templates/snippets/breadcrumbs.html b/froide/templates/snippets/breadcrumbs.html
index 9fc8a6206..31904595a 100644
--- a/froide/templates/snippets/breadcrumbs.html
+++ b/froide/templates/snippets/breadcrumbs.html
@@ -1,7 +1,7 @@
 {% load breadcrumb_helper %}
 
 {% if view.breadcrumbs != None %}
-<nav class="container" aria-label="breadcrumb">
+<nav class="container-md" aria-label="breadcrumb">
   <ol class="breadcrumb">
     {% for breadcrumb in view.breadcrumbs %}
       <li class="breadcrumb-item">

From 4cac2c921c0cbc61ccb1f2d4f2da70b3fd281b76 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Wed, 4 Oct 2023 16:41:44 +0200
Subject: [PATCH 03/18] =?UTF-8?q?=F0=9F=9A=A7=20add=20breadcrumbs=20to=20r?=
 =?UTF-8?q?equest=20overview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/foirequest/views/list_requests.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/froide/foirequest/views/list_requests.py b/froide/foirequest/views/list_requests.py
index bad7bdac7..26eeda9d5 100644
--- a/froide/foirequest/views/list_requests.py
+++ b/froide/foirequest/views/list_requests.py
@@ -18,6 +18,7 @@
 
 class BaseListRequestView(BaseSearchView):
     search_name = "foirequest"
+    breadcrumbs = [(_("Account"), "account-settings"), (_("Your requests"))]
     template_name = "foirequest/list.html"
     show_filters = {"jurisdiction", "status", "category", "campaign", "sort"}
     advanced_filters = {"jurisdiction", "category", "campaign"}

From c90afddab095243acd2273056d16da7f2826166c Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 9 Oct 2023 15:02:11 +0200
Subject: [PATCH 04/18] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20add=20skip=20to=20ma?=
 =?UTF-8?q?in=20content=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/templates/base.html           | 2 +-
 froide/templates/header.html         | 1 +
 frontend/styles/components/misc.scss | 4 ++++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/froide/templates/base.html b/froide/templates/base.html
index 4dbf2ff48..7b4fa2f67 100644
--- a/froide/templates/base.html
+++ b/froide/templates/base.html
@@ -17,7 +17,7 @@
   {% include "snippets/breadcrumbs.html" %}
 
   {% block body_wrapper %}
-  <main class="main">
+  <main class="main" id="main">
     
     {% block index_banner %}{% endblock %}
     {% block foisite_advice %}{% endblock %}
diff --git a/froide/templates/header.html b/froide/templates/header.html
index 87eb08472..4a2a5636e 100644
--- a/froide/templates/header.html
+++ b/froide/templates/header.html
@@ -6,6 +6,7 @@
     {% get_menu_items as menu_items %}
 {% endif %}
 <header id="header">
+    <a href="#main" class="visually-hidden-focusable skippy">{% trans "Skip to main content" %}</a>
     <nav class="navbar navbar-secondary navbar-expand-md navbar-light justify-content-between {% block navbar-class %}{% endblock %}">
         <div class="container">
             {% block nav_brand %}
diff --git a/frontend/styles/components/misc.scss b/frontend/styles/components/misc.scss
index 9ae243b50..765d3ef9c 100644
--- a/frontend/styles/components/misc.scss
+++ b/frontend/styles/components/misc.scss
@@ -150,3 +150,7 @@ input.copy-text {
     z-index: -1;
   }
 }
+
+.skippy {
+  z-index: 1070;
+}

From 477db6ec48e1827bd43a411dedb9f79ee8c9c86f Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 9 Oct 2023 15:06:44 +0200
Subject: [PATCH 05/18] =?UTF-8?q?=F0=9F=94=87=20remove=20console.log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/javascript/snippets/search.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/javascript/snippets/search.ts b/frontend/javascript/snippets/search.ts
index 15c84ef21..4c712b2a7 100644
--- a/frontend/javascript/snippets/search.ts
+++ b/frontend/javascript/snippets/search.ts
@@ -23,7 +23,6 @@ document
     ])
     const currentBase = firstPathSegment(window.location.pathname)
     const bestMatch = searchBases.find((s) => s[0] === currentBase)?.[1]
-    console.log(bestMatch)
 
     if (bestMatch !== undefined) {
       form.action = bestMatch

From 8cab28e1cb4e143fa2d3be9ac17606664c21f255 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 9 Oct 2023 16:19:59 +0200
Subject: [PATCH 06/18] =?UTF-8?q?=E2=9C=A8=20add=20id=20to=20`<main>`=20ta?=
 =?UTF-8?q?g?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/templates/simple_base.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/froide/templates/simple_base.html b/froide/templates/simple_base.html
index 64a73c803..69a0aaad4 100644
--- a/froide/templates/simple_base.html
+++ b/froide/templates/simple_base.html
@@ -2,17 +2,21 @@
 {% load i18n %}
 {% load static %}
 {% load frontendbuild %}
+
 {% block body_tag %}
-    <main class="main">
+    <main class="main" id="main">
         {% include "snippets/messages.html" %}
+
         {% block body %}
             <div class="container">
                 {% block app_body %}{% endblock %}
             </div>
         {% endblock %}
     </main>
+
     {% block extra_footer %}{% endblock %}
 {% endblock body_tag %}
+
 {% block scripts %}
     {% addfrontendbuild "main.js" %}
     {{ block.super }}

From 190f98533423899467f7a2680d1ef1078de50d29 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 9 Oct 2023 16:20:20 +0200
Subject: [PATCH 07/18] =?UTF-8?q?=E2=9C=A8=20add=20breadcrumbs=20block?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/templates/base.html | 44 ++++++++++++++++++++++----------------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/froide/templates/base.html b/froide/templates/base.html
index 7b4fa2f67..e402f5c80 100644
--- a/froide/templates/base.html
+++ b/froide/templates/base.html
@@ -2,13 +2,13 @@
 {% load i18n %}
 {% load static %}
 {% load frontendbuild %}
+
 {% block body_tag %}
   {% if request.user.is_authenticated and request.session.impostor %}
     {% include "account/includes/impostor.html" %}
   {% endif %}
 
-  {% block top_block %}
-  {% endblock %}
+  {% block top_block %}{% endblock %}
 
   {% block navbar %}
     {% include "header.html" %}
@@ -17,23 +17,29 @@
   {% include "snippets/breadcrumbs.html" %}
 
   {% block body_wrapper %}
-  <main class="main" id="main">
-    
-    {% block index_banner %}{% endblock %}
-    {% block foisite_advice %}{% endblock %}
-
-    {% block messages %}
-      {% include "snippets/messages.html" %}
-    {% endblock messages %}
-
-    {% block body %}
-      <div class="container mb-5 mt-3">
-        {% block app_body %}{% endblock %}
-      </div>
-    {% endblock %}
+    <main class="main">
+      {% block index_banner %}{% endblock %}
+      {% block foisite_advice %}{% endblock %}
+
+      {% block messages %}
+        {% include "snippets/messages.html" %}
+      {% endblock messages %}
+
+      {% block body %}
+        <div class="container mb-5 mt-3">
+          {% block app_body %}{% endblock %}
+        </div>
+      {% endblock %}
+    </main>
+  {% endblock %}
+
+  {% block footer_container %}
+    {% include "footer.html" %}
+  {% endblock %}
 {% endblock body_tag %}
+
 {% block scripts %}
-    {% renderfrontendhmr %}
-    {% addfrontendbuild "main.js" %}
-    {{ block.super }}
+  {% renderfrontendhmr %}
+  {% addfrontendbuild "main.js" %}
+  {{ block.super }}
 {% endblock %}

From 76e0745ab9b094e16deeba6fc776d9b299636ebe Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 9 Oct 2023 19:00:07 +0200
Subject: [PATCH 08/18] =?UTF-8?q?=F0=9F=92=84=20use=20arrow=20as=20breadcr?=
 =?UTF-8?q?umb=20divider?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/styles/variables.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/styles/variables.scss b/frontend/styles/variables.scss
index bb330f1de..aaf7107f6 100644
--- a/frontend/styles/variables.scss
+++ b/frontend/styles/variables.scss
@@ -148,4 +148,4 @@ $froide-theme-dark: (
   )
 );
 
-$breadcrumb-divider: quote('›');
+$breadcrumb-divider: quote('→');

From aa621232d8ee77eb3f36cd7eb4ca35a60fcf0b24 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 20 Nov 2023 17:46:07 +0100
Subject: [PATCH 09/18] =?UTF-8?q?=E2=8F=AA=20Revert=20"=F0=9F=9A=A7=20add?=
 =?UTF-8?q?=20breadcrumbs=20to=20request=20overview"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit 475b69c40c45065e40b2a90e0eb17ad9f2ab97ff.
---
 froide/foirequest/views/list_requests.py | 1 -
 1 file changed, 1 deletion(-)

diff --git a/froide/foirequest/views/list_requests.py b/froide/foirequest/views/list_requests.py
index 26eeda9d5..bad7bdac7 100644
--- a/froide/foirequest/views/list_requests.py
+++ b/froide/foirequest/views/list_requests.py
@@ -18,7 +18,6 @@
 
 class BaseListRequestView(BaseSearchView):
     search_name = "foirequest"
-    breadcrumbs = [(_("Account"), "account-settings"), (_("Your requests"))]
     template_name = "foirequest/list.html"
     show_filters = {"jurisdiction", "status", "category", "campaign", "sort"}
     advanced_filters = {"jurisdiction", "category", "campaign"}

From 1e73f89a7ccda3289598c3627c38ac19fc093bb5 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 20 Nov 2023 17:47:28 +0100
Subject: [PATCH 10/18] =?UTF-8?q?=E2=9C=A8=20allow=20breadcrumbs=20to=20be?=
 =?UTF-8?q?=20dynamic?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../helper/templatetags/breadcrumb_helper.py  | 27 ++++++++++++++++--
 froide/templates/snippets/breadcrumbs.html    | 28 ++++++++++---------
 2 files changed, 40 insertions(+), 15 deletions(-)

diff --git a/froide/helper/templatetags/breadcrumb_helper.py b/froide/helper/templatetags/breadcrumb_helper.py
index a1957dc50..cf66ae0ef 100644
--- a/froide/helper/templatetags/breadcrumb_helper.py
+++ b/froide/helper/templatetags/breadcrumb_helper.py
@@ -1,8 +1,31 @@
 from django import template
+from django.urls import NoReverseMatch, reverse
 
 register = template.Library()
 
 
+def normalize_breadcrumb(breadcrumb):
+    if type(breadcrumb) == tuple:
+        if type(breadcrumb[1]) == str:
+            try:
+                breadcrumb = (breadcrumb[0], reverse(breadcrumb[1]))
+            except NoReverseMatch:
+                pass
+
+        return breadcrumb
+    else:
+        return (breadcrumb, None)
+
+
+@register.simple_tag()
+def get_breadcrumbs(view=None):
+    if hasattr(view, "get_breadcrumbs") and callable(view.get_breadcrumbs):
+        return view.get_breadcrumbs()
+
+    if hasattr(view, "breadcrumbs"):
+        return map(normalize_breadcrumb, view.breadcrumbs)
+
+
 @register.filter
-def is_tuple(value):
-    return type(value) == tuple
+def has_link(value):
+    return type(value) == tuple and len(value) == 2
diff --git a/froide/templates/snippets/breadcrumbs.html b/froide/templates/snippets/breadcrumbs.html
index 31904595a..15c19ab7e 100644
--- a/froide/templates/snippets/breadcrumbs.html
+++ b/froide/templates/snippets/breadcrumbs.html
@@ -1,17 +1,19 @@
 {% load breadcrumb_helper %}
 
-{% if view.breadcrumbs != None %}
-<nav class="container-md" aria-label="breadcrumb">
-  <ol class="breadcrumb">
-    {% for breadcrumb in view.breadcrumbs %}
-      <li class="breadcrumb-item">
-        {% if breadcrumb|is_tuple %}
-          <a href="{% url breadcrumb.1 %}">{{ breadcrumb.0 }}</a>
-        {% else %}
-          {{ breadcrumb }}
-        {% endif %}
-      </li>
-    {% endfor %}
+{% get_breadcrumbs view as breadcrumbs %}
+{% if breadcrumbs != None %}
+  <nav class="container-md" aria-label="breadcrumb">
+    <ol class="breadcrumb">
+      {% for breadcrumb in breadcrumbs %}
+        <li class="breadcrumb-item{% if forloop.last %} active{% endif %}"
+            {% if forloop.last %}aria-current="page"{% endif %}>
+          {% if breadcrumb|has_link %}
+            <a href="{{ breadcrumb.1 }}">{{ breadcrumb.0 }}</a>
+          {% else %}
+            {{ breadcrumb }}
+          {% endif %}
+        </li>
+      {% endfor %}
     </ol>
   </nav>
-{% endif %}
\ No newline at end of file
+{% endif %}

From 892b2800802a83fbb2daff8a9de0497bc5684a8a Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 5 Feb 2024 17:02:47 +0100
Subject: [PATCH 11/18] =?UTF-8?q?=F0=9F=92=84=20hide=20overflow=20in=20dro?=
 =?UTF-8?q?pdown=20menus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/styles/components/dropdown.scss |   3 +
 frontend/styles/main.scss                | 113 ++++++++++++-----------
 2 files changed, 60 insertions(+), 56 deletions(-)
 create mode 100644 frontend/styles/components/dropdown.scss

diff --git a/frontend/styles/components/dropdown.scss b/frontend/styles/components/dropdown.scss
new file mode 100644
index 000000000..310f91510
--- /dev/null
+++ b/frontend/styles/components/dropdown.scss
@@ -0,0 +1,3 @@
+.dropdown-menu {
+  overflow: hidden; // for crisp edges
+}
diff --git a/frontend/styles/main.scss b/frontend/styles/main.scss
index f74d5d6dd..e9d3ad87b 100644
--- a/frontend/styles/main.scss
+++ b/frontend/styles/main.scss
@@ -1,80 +1,81 @@
-@import "bootstrap/scss/functions";
-@import "color-contrast";
+@import 'bootstrap/scss/functions';
+@import 'color-contrast';
 
 /* Override variables here */
-@import "variables";
+@import 'variables';
 
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/variables-dark";
+@import 'bootstrap/scss/variables';
+@import 'bootstrap/scss/variables-dark';
 
 /* Override maps here */
-@import "maps";
+@import 'maps';
 
-@import "bootstrap/scss/maps";
+@import 'bootstrap/scss/maps';
 
 // Bootstrap imports
-@import "bootstrap/scss/mixins";
-@import "bootstrap/scss/utilities";
+@import 'bootstrap/scss/mixins';
+@import 'bootstrap/scss/utilities';
 
 // Layout & components
-@import "bootstrap/scss/root";
-@import "bootstrap/scss/reboot";
-@import "bootstrap/scss/type";
-@import "bootstrap/scss/images";
-@import "bootstrap/scss/containers";
-@import "bootstrap/scss/grid";
-@import "bootstrap/scss/tables";
-@import "bootstrap/scss/forms";
-@import "bootstrap/scss/buttons";
-@import "bootstrap/scss/transitions";
-@import "bootstrap/scss/dropdown";
-@import "bootstrap/scss/button-group";
-@import "bootstrap/scss/nav";
-@import "bootstrap/scss/navbar";
-@import "bootstrap/scss/card";
-@import "bootstrap/scss/accordion";
-@import "bootstrap/scss/breadcrumb";
-@import "bootstrap/scss/pagination";
-@import "bootstrap/scss/badge";
-@import "bootstrap/scss/alert";
-@import "bootstrap/scss/progress";
-@import "bootstrap/scss/list-group";
-@import "bootstrap/scss/close";
+@import 'bootstrap/scss/root';
+@import 'bootstrap/scss/reboot';
+@import 'bootstrap/scss/type';
+@import 'bootstrap/scss/images';
+@import 'bootstrap/scss/containers';
+@import 'bootstrap/scss/grid';
+@import 'bootstrap/scss/tables';
+@import 'bootstrap/scss/forms';
+@import 'bootstrap/scss/buttons';
+@import 'bootstrap/scss/transitions';
+@import 'bootstrap/scss/dropdown';
+@import 'bootstrap/scss/button-group';
+@import 'bootstrap/scss/nav';
+@import 'bootstrap/scss/navbar';
+@import 'bootstrap/scss/card';
+@import 'bootstrap/scss/accordion';
+@import 'bootstrap/scss/breadcrumb';
+@import 'bootstrap/scss/pagination';
+@import 'bootstrap/scss/badge';
+@import 'bootstrap/scss/alert';
+@import 'bootstrap/scss/progress';
+@import 'bootstrap/scss/list-group';
+@import 'bootstrap/scss/close';
 // @import "bootstrap/scss/toasts";
-@import "bootstrap/scss/modal";
-@import "bootstrap/scss/tooltip";
+@import 'bootstrap/scss/modal';
+@import 'bootstrap/scss/tooltip';
 // @import "bootstrap/scss/popover";
 // @import "bootstrap/scss/carousel";
-@import "bootstrap/scss/spinners";
-@import "bootstrap/scss/offcanvas";
-@import "bootstrap/scss/placeholders";
+@import 'bootstrap/scss/spinners';
+@import 'bootstrap/scss/offcanvas';
+@import 'bootstrap/scss/placeholders';
 
 // Helpers
-@import "bootstrap/scss/helpers";
+@import 'bootstrap/scss/helpers';
 
 // Utilities
-@import "bootstrap/scss/utilities/api";
+@import 'bootstrap/scss/utilities/api';
 // scss-docs-end import-stack
 
-@import "root";
-@import "utilities";
+@import 'root';
+@import 'utilities';
 
 // Icon font
-$fa-font-path: "font-awesome/fonts";
-@import "font-awesome/scss/font-awesome";
+$fa-font-path: 'font-awesome/fonts';
+@import 'font-awesome/scss/font-awesome';
 
 // Own components
 // FIXME: these are not really components
-@import "components/base";
-@import "components/breadcrumb";
-@import "components/buttons";
-@import "components/comments";
-@import "components/footer";
-@import "components/forms";
-@import "components/js-switches";
-@import "components/misc";
-@import "components/navbar";
-@import "components/redacted";
-@import "components/request-status";
-@import "components/type";
-@import "components/print";
+@import 'components/base';
+@import 'components/breadcrumb';
+@import 'components/buttons';
+@import 'components/comments';
+@import 'components/dropdown';
+@import 'components/footer';
+@import 'components/forms';
+@import 'components/js-switches';
+@import 'components/misc';
+@import 'components/navbar';
+@import 'components/redacted';
+@import 'components/request-status';
+@import 'components/type';
+@import 'components/print';

From 2459ab87fd6f003cd274780d393a33adaff35cab Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 5 Feb 2024 19:32:01 +0100
Subject: [PATCH 12/18] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20remove=20duplicate?=
 =?UTF-8?q?=20label?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/helper/templates/helper/search/multi_search.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/froide/helper/templates/helper/search/multi_search.html b/froide/helper/templates/helper/search/multi_search.html
index fbd514bd8..606ce159c 100644
--- a/froide/helper/templates/helper/search/multi_search.html
+++ b/froide/helper/templates/helper/search/multi_search.html
@@ -15,7 +15,6 @@
         <button type="submit"
                 class="btn btn-outline-primary text-nowrap{% if small %} btn-sm{% endif %}">
             <i class="fa fa-search"></i>
-            <span class="visually-hidden">{% trans "Search" %}</span>
             <span class="d-md-none d-lg-inline" aria-hidden="true">{% trans "Search" %}</span>
         </button>
     </div>

From d7bfd2386c473b2de5a8680d2a187b6393bc3768 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 5 Feb 2024 19:42:33 +0100
Subject: [PATCH 13/18] =?UTF-8?q?=E2=9C=A8=20add=20home=20to=20breadcrumbs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/account/templates/account/includes/breadcrumbs.html  | 6 ++++++
 .../foirequest/templates/foirequest/header/breadcrumb.html  | 6 ++++++
 .../templates/organization/organization_detail.html         | 6 ++++++
 .../templates/organization/organization_list.html           | 6 ++++++
 .../templates/organization/organization_list_own.html       | 6 ++++++
 .../templates/organization/organization_update_form.html    | 6 ++++++
 6 files changed, 36 insertions(+)

diff --git a/froide/account/templates/account/includes/breadcrumbs.html b/froide/account/templates/account/includes/breadcrumbs.html
index 81884c6ec..0ead8bc17 100644
--- a/froide/account/templates/account/includes/breadcrumbs.html
+++ b/froide/account/templates/account/includes/breadcrumbs.html
@@ -1,6 +1,12 @@
 {% load i18n %}
 <nav class="container" aria-label="breadcrumb">
     <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+            <a href="/">
+                <i class="fa fa-home"></i>
+                <span class="sr-only">{% trans "Home Page" %}</span>
+            </a>
+        </li>
         <li class="breadcrumb-item">
             <a href="{% url 'account-show' %}">{% translate "Account" %}</a>
         </li>
diff --git a/froide/foirequest/templates/foirequest/header/breadcrumb.html b/froide/foirequest/templates/foirequest/header/breadcrumb.html
index 0ff85f632..c0aeec72f 100644
--- a/froide/foirequest/templates/foirequest/header/breadcrumb.html
+++ b/froide/foirequest/templates/foirequest/header/breadcrumb.html
@@ -1,6 +1,12 @@
 {% load i18n %}
 <nav class="container" aria-label="breadcrumb">
     <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+            <a href="/">
+                <i class="fa fa-home"></i>
+                <span class="sr-only">{% trans "Home Page" %}</span>
+            </a>
+        </li>
         <li class="breadcrumb-item">
             {% if object.user == request.user %}
                 <a href="{% url 'account-show' %}">{% trans "My requests" %}</a>
diff --git a/froide/organization/templates/organization/organization_detail.html b/froide/organization/templates/organization/organization_detail.html
index c8358fd85..36a3f272d 100644
--- a/froide/organization/templates/organization/organization_detail.html
+++ b/froide/organization/templates/organization/organization_detail.html
@@ -7,6 +7,12 @@
         <div class="container">
             <nav aria-label="breadcrumb">
                 <ol class="breadcrumb">
+                    <li class="breadcrumb-item">
+                        <a href="/">
+                            <i class="fa fa-home"></i>
+                            <span class="sr-only">{% trans "Home Page" %}</span>
+                        </a>
+                    </li>
                     <li class="breadcrumb-item">
                         <a href="{% url 'organization-list' %}">{% trans "Organizations" %}</a>
                     </li>
diff --git a/froide/organization/templates/organization/organization_list.html b/froide/organization/templates/organization/organization_list.html
index 2fc91222c..6443b9b08 100644
--- a/froide/organization/templates/organization/organization_list.html
+++ b/froide/organization/templates/organization/organization_list.html
@@ -7,6 +7,12 @@
     <div class="bg-body-tertiary">
         <nav class="container" aria-label="breadcrumb">
             <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="/">
+                        <i class="fa fa-home"></i>
+                        <span class="sr-only">{% trans "Home Page" %}</span>
+                    </a>
+                </li>
                 <li class="breadcrumb-item">
                     <a href="{% url 'organization-list' %}">{% trans "Organizations" %}</a>
                 </li>
diff --git a/froide/organization/templates/organization/organization_list_own.html b/froide/organization/templates/organization/organization_list_own.html
index af5252556..4b7cbc126 100644
--- a/froide/organization/templates/organization/organization_list_own.html
+++ b/froide/organization/templates/organization/organization_list_own.html
@@ -7,6 +7,12 @@
     <div class="bg-body-tertiary">
         <nav class="container" aria-label="breadcrumb">
             <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="/">
+                        <i class="fa fa-home"></i>
+                        <span class="sr-only">{% trans "Home Page" %}</span>
+                    </a>
+                </li>
                 <li class="breadcrumb-item">
                     <a href="{% url 'organization-list' %}">{% trans "Organizations" %}</a>
                 </li>
diff --git a/froide/organization/templates/organization/organization_update_form.html b/froide/organization/templates/organization/organization_update_form.html
index 033844a54..9c6ebc078 100644
--- a/froide/organization/templates/organization/organization_update_form.html
+++ b/froide/organization/templates/organization/organization_update_form.html
@@ -9,6 +9,12 @@
     <div class="bg-body-tertiary">
         <nav class="container" aria-label="breadcrumb">
             <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    <a href="/">
+                        <i class="fa fa-home"></i>
+                        <span class="sr-only">{% trans "Home Page" %}</span>
+                    </a>
+                </li>
                 <li class="breadcrumb-item">
                     <a href="{% url 'organization-list' %}">{% trans "Organizations" %}</a>
                 </li>

From 50666d7a2056204f28a6c291ae61293bba3f3b95 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Fri, 9 Feb 2024 14:01:09 +0100
Subject: [PATCH 14/18] =?UTF-8?q?=F0=9F=92=84=20optimize=20long=20breadcru?=
 =?UTF-8?q?mbs=20on=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/styles/components/breadcrumb.scss | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/frontend/styles/components/breadcrumb.scss b/frontend/styles/components/breadcrumb.scss
index 7845b2be7..e3dc6b4e5 100644
--- a/frontend/styles/components/breadcrumb.scss
+++ b/frontend/styles/components/breadcrumb.scss
@@ -1,21 +1,27 @@
 .breadcrumb {
   display: flex;
+  flex-wrap: nowrap;
   align-items: center;
   padding: $spacer * 0.5 0;
   background-color: inherit;
-  overflow: hidden;
+  overflow: auto;
   margin: 0;
+  gap: $spacer * 0.5;
+  scroll-snap-type: x;
 
   &-item {
-    margin-right: $spacer * 0.5;
-    text-overflow: ellipsis;
-    overflow: hidden;
+    float: none;
     white-space: nowrap;
+    scroll-snap-align: end;
+
+    & + .breadcrumb-item::before {
+      float: none;
+    }
 
     &,
     > * {
       color: var(--#{$prefix}tertiary-color);
-      font-size: small;
+      font-size: $font-size-sm;
       white-space: nowrap;
 
       @include media-breakpoint-up(lg) {
@@ -24,8 +30,6 @@
     }
 
     &:last-child {
-      margin-right: none;
-
       &,
       > * {
         color: var(--#{$prefix}body-color);
@@ -36,5 +40,4 @@
   &-item + &-item {
     padding-left: 0;
   }
-
 }

From a4d3581952b77dc8b61e85feddfb23828b932dc3 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Fri, 16 Feb 2024 13:21:00 +0100
Subject: [PATCH 15/18] =?UTF-8?q?=E2=AC=86=EF=B8=8F=20upgrade=20to=20boots?=
 =?UTF-8?q?trap=205.3.2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.text-bg-* utilities now use CSS variables
---
 package.json | 2 +-
 yarn.lock    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 5da103a8a..666a43c62 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,7 @@
     "@uppy/core": "^3.0.4",
     "@uppy/dashboard": "^3.2.0",
     "@uppy/tus": "^3.0.5",
-    "bootstrap": "^5.3.0",
+    "bootstrap": "^5.3.2",
     "choices.js": "^10.1.0",
     "driver.js": "^0.9.8",
     "exifreader": "^4.12.1",
diff --git a/yarn.lock b/yarn.lock
index bec46643a..2a599021c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -745,7 +745,7 @@ boolbase@^1.0.0, boolbase@~1.0.0:
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
-bootstrap@^5.3.0:
+bootstrap@^5.3.0, bootstrap@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.3.2.tgz#97226583f27aae93b2b28ab23f4c114757ff16ae"
   integrity sha512-D32nmNWiQHo94BKHLmOrdjlL05q1c8oxbtBphQFb9Z5to6eGRDCm0QgeaZ4zFBHzfg2++rqa2JkqCcxDy0sH0g==

From 238754acbac33bb4db4c6b48b7b619e67d134bf3 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Fri, 16 Feb 2024 14:22:52 +0100
Subject: [PATCH 16/18] =?UTF-8?q?=F0=9F=92=84=20make=20breadcrumb=20backgr?=
 =?UTF-8?q?ound=20adjustable?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/templates/snippets/breadcrumbs.html | 32 ++++++++++++----------
 frontend/styles/components/breadcrumb.scss |  7 +++--
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/froide/templates/snippets/breadcrumbs.html b/froide/templates/snippets/breadcrumbs.html
index 15c19ab7e..c1bba49f7 100644
--- a/froide/templates/snippets/breadcrumbs.html
+++ b/froide/templates/snippets/breadcrumbs.html
@@ -1,19 +1,21 @@
 {% load breadcrumb_helper %}
-
+{# Renders breadcrumbs that are defined in view #}
 {% get_breadcrumbs view as breadcrumbs %}
 {% if breadcrumbs != None %}
-  <nav class="container-md" aria-label="breadcrumb">
-    <ol class="breadcrumb">
-      {% for breadcrumb in breadcrumbs %}
-        <li class="breadcrumb-item{% if forloop.last %} active{% endif %}"
-            {% if forloop.last %}aria-current="page"{% endif %}>
-          {% if breadcrumb|has_link %}
-            <a href="{{ breadcrumb.1 }}">{{ breadcrumb.0 }}</a>
-          {% else %}
-            {{ breadcrumb }}
-          {% endif %}
-        </li>
-      {% endfor %}
-    </ol>
-  </nav>
+    {% if breadcrumbs_background %}<div class="text-bg-{{ breadcrumbs_background }}">{% endif %}
+        <nav class="container-md" aria-label="breadcrumb">
+            <ol class="breadcrumb">
+                {% for breadcrumb in breadcrumbs %}
+                    <li class="breadcrumb-item{% if forloop.last %} active{% endif %}">
+                        {% if breadcrumb|has_link %}
+                            <a href="{{ breadcrumb.1 }}"
+                               {% if forloop.last %}aria-current="page"{% endif %}>{{ breadcrumb.0 }}</a>
+                        {% else %}
+                            {{ breadcrumb }}
+                        {% endif %}
+                    </li>
+                {% endfor %}
+            </ol>
+        </nav>
+        {% if breadcrumbs_background %}</div>{% endif %}
 {% endif %}
diff --git a/frontend/styles/components/breadcrumb.scss b/frontend/styles/components/breadcrumb.scss
index e3dc6b4e5..4cabc3a57 100644
--- a/frontend/styles/components/breadcrumb.scss
+++ b/frontend/styles/components/breadcrumb.scss
@@ -16,13 +16,15 @@
 
     & + .breadcrumb-item::before {
       float: none;
+      color: inherit;
     }
 
     &,
     > * {
-      color: var(--#{$prefix}tertiary-color);
+      color: inherit;
       font-size: $font-size-sm;
       white-space: nowrap;
+      opacity: 0.9;
 
       @include media-breakpoint-up(lg) {
         font-size: $font-size-sm;
@@ -32,7 +34,8 @@
     &:last-child {
       &,
       > * {
-        color: var(--#{$prefix}body-color);
+        color: inherit;
+        opacity: 1;
       }
     }
   }

From 81e33fa273daf8321e54b88002d4cdcb4209d0b8 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 19 Feb 2024 16:02:03 +0100
Subject: [PATCH 17/18] =?UTF-8?q?=F0=9F=92=84=20add=20home=20to=20breadcru?=
 =?UTF-8?q?mbs=20snippet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/templates/snippets/breadcrumbs.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/froide/templates/snippets/breadcrumbs.html b/froide/templates/snippets/breadcrumbs.html
index c1bba49f7..c1a072e87 100644
--- a/froide/templates/snippets/breadcrumbs.html
+++ b/froide/templates/snippets/breadcrumbs.html
@@ -1,3 +1,4 @@
+{% load i18n %}
 {% load breadcrumb_helper %}
 {# Renders breadcrumbs that are defined in view #}
 {% get_breadcrumbs view as breadcrumbs %}
@@ -5,6 +6,13 @@
     {% if breadcrumbs_background %}<div class="text-bg-{{ breadcrumbs_background }}">{% endif %}
         <nav class="container-md" aria-label="breadcrumb">
             <ol class="breadcrumb">
+                <li class="breadcrumb-item">
+                    {# djlint:off D018 #}
+                    <a href="/"> {# djlint:on #}
+                        <i class="fa fa-home"></i>
+                        <span class="sr-only">{% trans "Home Page" %}</span>
+                    </a>
+                </li>
                 {% for breadcrumb in breadcrumbs %}
                     <li class="breadcrumb-item{% if forloop.last %} active{% endif %}">
                         {% if breadcrumb|has_link %}

From 4f61049ecb33bf35b0fcae77ccde7a00d66f49df Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Mon, 19 Feb 2024 17:22:52 +0100
Subject: [PATCH 18/18] =?UTF-8?q?=E2=9C=A8=20breadcrumbs=20with=20overlay?=
 =?UTF-8?q?=20and=20context?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 froide/helper/templatetags/breadcrumb_helper.py | 6 +++---
 froide/templates/snippets/breadcrumbs.html      | 4 +++-
 frontend/styles/components/breadcrumb.scss      | 6 ++++++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/froide/helper/templatetags/breadcrumb_helper.py b/froide/helper/templatetags/breadcrumb_helper.py
index cf66ae0ef..676e0540e 100644
--- a/froide/helper/templatetags/breadcrumb_helper.py
+++ b/froide/helper/templatetags/breadcrumb_helper.py
@@ -17,10 +17,10 @@ def normalize_breadcrumb(breadcrumb):
         return (breadcrumb, None)
 
 
-@register.simple_tag()
-def get_breadcrumbs(view=None):
+@register.simple_tag(takes_context=True)
+def get_breadcrumbs(context, view=None):
     if hasattr(view, "get_breadcrumbs") and callable(view.get_breadcrumbs):
-        return view.get_breadcrumbs()
+        view.get_breadcrumbs(context)
 
     if hasattr(view, "breadcrumbs"):
         return map(normalize_breadcrumb, view.breadcrumbs)
diff --git a/froide/templates/snippets/breadcrumbs.html b/froide/templates/snippets/breadcrumbs.html
index c1a072e87..782dd8ee0 100644
--- a/froide/templates/snippets/breadcrumbs.html
+++ b/froide/templates/snippets/breadcrumbs.html
@@ -3,7 +3,9 @@
 {# Renders breadcrumbs that are defined in view #}
 {% get_breadcrumbs view as breadcrumbs %}
 {% if breadcrumbs != None %}
-    {% if breadcrumbs_background %}<div class="text-bg-{{ breadcrumbs_background }}">{% endif %}
+    {% if breadcrumbs_background %}
+        <div class="text-bg-{{ breadcrumbs_background }}{% if overlay %} breadcrumb-overlay{% endif %}">
+        {% endif %}
         <nav class="container-md" aria-label="breadcrumb">
             <ol class="breadcrumb">
                 <li class="breadcrumb-item">
diff --git a/frontend/styles/components/breadcrumb.scss b/frontend/styles/components/breadcrumb.scss
index 4cabc3a57..b5aa62b32 100644
--- a/frontend/styles/components/breadcrumb.scss
+++ b/frontend/styles/components/breadcrumb.scss
@@ -44,3 +44,9 @@
     padding-left: 0;
   }
 }
+
+.breadcrumb-overlay {
+  margin-bottom: -2.3rem;
+  z-index: 40;
+  --#{$prefix}bg-opacity: 0.9;
+}