chore(deps): update pydata-sphinx-theme requirement from <0.16,>=0.15.4 to >=0.15.4,<0.17

doc/changelog.d/562.dependencies.md

@@ -0,0 +1 @@
+chore(deps): update pydata-sphinx-theme requirement from <0.16,>=0.15.4 to >=0.15.4,<0.17

pyproject.toml

@@ -24,7 +24,7 @@ classifiers = [
 ]
 dependencies = [
     "Sphinx>=4.2.0",
-    "pydata-sphinx-theme>=0.15.4,<0.16",
+    "pydata-sphinx-theme>=0.15.4,<0.17",
     "Jinja2>=3.1.2",
     "importlib-metadata>=4.0",
     "pdf2image>=1.17.0",

src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/breadcrumbs.html

@@ -40,7 +40,7 @@
     <li class="breadcrumb-item">{{ doc.title }}</li>
     {% endif %} {%- endfor %} {# Current page title #} {% if title and pagename
     != root_doc %}
-    <li class="breadcrumb-item active" aria-current="page">{{ title }}</li>
+    <li class="breadcrumb-item active" aria-current="page"><span class="ellipsis">{{ title }}</span></li>
     {% endif %}
   </ul>
 </nav>

src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-button-field.html

@@ -1,5 +1,5 @@
 
-<div class="search-bar" id="search-bar">
+<div class="search-bar pst-js-only" id="search-bar">
     <form class="bd-search d-flex align-items-center" action="{{ pathto('search') }}" method="get">
       <i class="fa-solid fa-magnifying-glass"></i>
       <input type="search" class="form-control" name="q" placeholder="{{ theme_search_bar_text }}"

src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/ast-search.css

@@ -49,6 +49,9 @@ html[data-theme="light"] .highlight {
   color: var(--ast-highlight-color);
 }
 
+.bd-search input.form-control,
+.bd-search input.form-control:focus,
+.bd-search input.form-control:focus-visible,
 .form-control:focus,
 .form-control:focus-visible,
 .form-control {
@@ -100,7 +103,8 @@ html[data-theme="light"] .highlight {
   color: var(--ast-search-bar-enable-text);
 }
 
-.form-control:focus {
+.form-control:focus,
+.bd-search:focus-within {
   box-shadow: none;
 }
 
@@ -118,7 +122,7 @@ html[data-theme="light"] .highlight {
   margin-bottom: 0px;
 }
 
-.bd-search input.expanded {
+.bd-search input.form-control.expanded {
   width: 600px;
 }
 

src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/js/search.js

@@ -1,5 +1,5 @@
 const SEARCH_BAR = document.getElementById("search-bar");
-const SEARCH_INPUT = SEARCH_BAR.querySelector(".bd-search input");
+const SEARCH_INPUT = SEARCH_BAR.querySelector(".bd-search input.form-control");
 const RESULTS = document.getElementById("search-results");
 const MAIN_PAGE_CONTENT = document.querySelector(".bd-main");
 let CURRENT_INDEX = -1;