From 28c7ab0d7e473e8c337deec85595a44d8ff5f906 Mon Sep 17 00:00:00 2001
From: redreceipt <redreceipt@users.noreply.github.com>
Date: Thu, 14 May 2026 10:58:40 -0400
Subject: [PATCH] fix header menu overflow

---
 static/styles.css        |  3 ++-
 tests/test_navigation.py | 12 ++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/static/styles.css b/static/styles.css
index 1f862b4..bf336b0 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -26,8 +26,9 @@ footer li {
   display: none;
 }
 
-.site-menu > ul {
+details.dropdown.site-menu > summary + ul {
   left: auto;
+  max-width: calc(100vw - 2rem);
   right: 0;
 }
 
diff --git a/tests/test_navigation.py b/tests/test_navigation.py
index 869684c..8742704 100644
--- a/tests/test_navigation.py
+++ b/tests/test_navigation.py
@@ -27,6 +27,18 @@ def test_local_pages_render_in_header_menu_not_footer(self):
         self.assertNotIn('href="/team"', footer)
         self.assertNotIn('href="/failing-dags"', footer)
 
+    def test_header_menu_overrides_pico_left_aligned_dropdown(self):
+        with open("static/styles.css") as styles_file:
+            styles = styles_file.read()
+
+        self.assertIn("details.dropdown.site-menu > summary + ul", styles)
+        site_menu_rule = styles.split("details.dropdown.site-menu > summary + ul", 1)[1]
+        site_menu_rule = site_menu_rule.split("}", 1)[0]
+
+        self.assertIn("left: auto;", site_menu_rule)
+        self.assertIn("right: 0;", site_menu_rule)
+        self.assertIn("max-width: calc(100vw - 2rem);", site_menu_rule)
+
     def test_team_labels_use_short_name(self):
         context = {
             "developers": [],