From 5e6d15b32714f1ecf89e58312e6c980c0bd02828 Mon Sep 17 00:00:00 2001
From: Daniel McCloy <dan@mccloy.info>
Date: Tue, 5 Dec 2023 16:34:17 -0600
Subject: [PATCH 1/3] add what we should need to shrink last flex element

---
 .../assets/styles/components/_breadcrumbs.scss      | 13 ++++++++++++-
 .../pydata_sphinx_theme/components/breadcrumbs.html |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/pydata_sphinx_theme/assets/styles/components/_breadcrumbs.scss b/src/pydata_sphinx_theme/assets/styles/components/_breadcrumbs.scss
index 2028ec14f..5d879dcc8 100644
--- a/src/pydata_sphinx_theme/assets/styles/components/_breadcrumbs.scss
+++ b/src/pydata_sphinx_theme/assets/styles/components/_breadcrumbs.scss
@@ -5,7 +5,7 @@ ul.bd-breadcrumbs {
   list-style: none;
   padding-left: 0;
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
 
   // Font size slightly smaller to avoid cluttering up space too much
   font-size: 0.8rem;
@@ -13,6 +13,17 @@ ul.bd-breadcrumbs {
   li.breadcrumb-item {
     display: flex;
     align-items: baseline;
+    white-space: nowrap;
+    flex-shrink: 0;
+
+    &.active {
+      flex-shrink: 1;
+      overflow-x: hidden;
+      .ellipsis {
+        overflow-x: hidden;
+        text-overflow: ellipsis;
+      }
+    }
 
     // Style should look like heavier in-page links
     // keeping visited in the default link colour
diff --git a/src/pydata_sphinx_theme/theme/pydata_sphinx_theme/components/breadcrumbs.html b/src/pydata_sphinx_theme/theme/pydata_sphinx_theme/components/breadcrumbs.html
index 8b5595bf3..58a2bd42b 100644
--- a/src/pydata_sphinx_theme/theme/pydata_sphinx_theme/components/breadcrumbs.html
+++ b/src/pydata_sphinx_theme/theme/pydata_sphinx_theme/components/breadcrumbs.html
@@ -25,7 +25,7 @@
     <li class="breadcrumb-item">{{ doc.title }}</li>
     {% endif %}
     {%- endfor %}
-    <li class="breadcrumb-item active" aria-current="page">{{ title|truncate(15, False) }}</li>
+    <li class="breadcrumb-item active" aria-current="page"><span class="ellipsis">{{ title }}</span></li>
   </ul>
 </nav>
 {% endif %}

From c35d16e67660d983e30c0236cfac08a6246fb799 Mon Sep 17 00:00:00 2001
From: Daniel McCloy <dan@mccloy.info>
Date: Wed, 6 Dec 2023 16:07:08 -0600
Subject: [PATCH 2/3] the dubious change that makes ellipsis actually work

---
 .../assets/styles/sections/_header-article.scss               | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pydata_sphinx_theme/assets/styles/sections/_header-article.scss b/src/pydata_sphinx_theme/assets/styles/sections/_header-article.scss
index 8c1855831..8eb32a707 100644
--- a/src/pydata_sphinx_theme/assets/styles/sections/_header-article.scss
+++ b/src/pydata_sphinx_theme/assets/styles/sections/_header-article.scss
@@ -1,5 +1,5 @@
 .header-article__inner {
-  display: flex;
+  // display: flex;
   padding: 0 0.5rem;
 
   // The items define the height so that it disappears if there are no items
@@ -10,7 +10,7 @@
 
   .header-article-items__start,
   .header-article-items__end {
-    display: flex;
+    // display: flex;
     align-items: start;
     gap: 0.5rem;
   }

From ffe981297add07e7a6f8f4929122ea4104791052 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Wed, 19 Jun 2024 12:47:42 +0000
Subject: [PATCH 3/3] [pre-commit.ci] Automatic linting and formatting fixes

---
 .../assets/styles/components/_breadcrumbs.scss                   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pydata_sphinx_theme/assets/styles/components/_breadcrumbs.scss b/src/pydata_sphinx_theme/assets/styles/components/_breadcrumbs.scss
index fad14268f..d38f2486e 100644
--- a/src/pydata_sphinx_theme/assets/styles/components/_breadcrumbs.scss
+++ b/src/pydata_sphinx_theme/assets/styles/components/_breadcrumbs.scss
@@ -19,6 +19,7 @@ ul.bd-breadcrumbs {
     &.active {
       flex-shrink: 1;
       overflow-x: hidden;
+
       .ellipsis {
         overflow-x: hidden;
         text-overflow: ellipsis;