Allow breadcrumbs to span multiple lines but truncate each part to one line

Author: gabalafou

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: nowrap;
+  flex-wrap: wrap;
 
   // Font size slightly smaller to avoid cluttering up space too much
   font-size: 0.8rem;
@@ -14,16 +14,12 @@ ul.bd-breadcrumbs {
     display: flex;
     align-items: center;
     white-space: nowrap;
-    flex-shrink: 0;
+    overflow-x: hidden;
 
-    &.active {
-      flex-shrink: 1;
+    a,
+    .ellipsis {
       overflow-x: hidden;
-
-      .ellipsis {
-        overflow-x: hidden;
-        text-overflow: ellipsis;
-      }
+      text-overflow: ellipsis;
     }
 
     // Style should look like heavier in-page links

src/pydata_sphinx_theme/assets/styles/sections/_header-article.scss

@@ -4,13 +4,6 @@
   // The items define the height so that it disappears if there are no items
   .header-article-item {
     min-height: var(--pst-header-article-height);
-    height: var(--pst-header-article-height);
-  }
-
-  .header-article-items__start,
-  .header-article-items__end {
-    align-items: start;
-    gap: 0.5rem;
   }
 
   .header-article-items__end {

tests/test_playwright.py

@@ -9,19 +9,6 @@
 playwright = pytest.importorskip("playwright")
 from playwright.sync_api import Page, expect  # noqa: E402
 
-# Important note: automated accessibility scans can only find a fraction of
-# potential accessibility issues.
-#
-# This test file scans pages from the Kitchen Sink examples with a JavaScript
-# library called Axe-core, which checks the page for accessibility violations,
-# such as places on the page with poor color contrast that would be hard for
-# people with low vision to see.
-#
-# Just because a page passes the scan with no accessibility violations does
-# *not* mean that it will be generally usable by a broad range of disabled
-# people. It just means that page is free of common testable accessibility
-# pitfalls.
-
 path_repo = Path(__file__).parent.parent
 path_docs_build = path_repo / "docs" / "_build" / "html"
 
@@ -38,7 +25,7 @@ def _is_overflowing(element):
 
 
 def test_version_switcher_highlighting(page: Page, url_base: str) -> None:
-    """This isn't an a11y test, but needs a served site for Javascript to inject the version menu."""
+    """In sidebar and topbar - version switcher should apply highlight color to currently selected version."""
     page.goto(url=url_base)
     # no need to include_hidden here ↓↓↓, we just need to get the active version name
     button = page.get_by_role("button").filter(has_text="dev")