FIX: The search-bar-width (#218)

Co-authored-by: Alex Kaszynski <[email protected]>

Author: 2 people

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

@@ -17,16 +17,16 @@
     <i class="fa-solid fa-magnifying-glass"></i>
     <!-- Include the MeiliSearch JavaScript library for the search bar -->
     <script src="https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.js"></script>
-    <script>
-      // If no credentials provided, use the default ones
+    
+      <!-- If no credentials provided, use the default ones  -->
       {% if not theme_use_meilisearch.host and not theme_use_meilisearch.api_key %}
         {% set HOST_URL = "https://search.pyansys.com" %}
         {% set API_KEY = "A1Qxly2sls6g1rb1sIKEVEtE7R1UsHad0VgqnvKhD5nhBNf5de" %}
       {% else %}
         {% set HOST_URL = theme_use_meilisearch.host %}
         {% set API_KEY = theme_use_meilisearch.api_key %}
       {% endif %}
-      
+      <script>
       // Initialize the MeiliSearch bar with the given API key and host
       // inspect the first value of index UID as default
       let theSearchBar = docsSearchBar({

src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css

@@ -53,7 +53,7 @@ div [data-ds-theme] .searchbox input {
 }
 
 #search-bar-input{
-    width: 170%;
+    width: 550px;
     background-color: var(--pst-color-background);
     border: 1px solid var(--pst-color-border);
     border-radius: .25rem;
@@ -84,7 +84,7 @@ div [data-ds-theme] .searchbox input {
     font-family: "Open Sans", sans-serif;
     box-shadow: 0px 0px 20px var(--pst-color-border);
     padding: 0 10px 0px 10px;
-    width: 25%;
+    width: 250px;
     margin-left: 5px;
 }
 
@@ -95,11 +95,11 @@ div [data-ds-theme] .searchbox input {
     border-radius: 4px;
     overflow: auto;
     padding: 0 8px 8px;
-    width: 99%;
+    width: 805px;
 }
 
 .meilisearch-autocomplete .docs-searchbar-suggestion {
-    width: 99%;
+    width: 735px;
 }
 
 .meilisearch-autocomplete .docs-searchbar-suggestion--highlight {
@@ -111,14 +111,3 @@ div [data-ds-theme] .searchbox input {
 .meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-column {
     width: 30%;
 }
-
-.search-button__wrapper.show form.bd-search {
-    flex-grow: 2;
-}
-
-.d-flex {
-    display: flex!important;
-    flex-direction: row;
-    justify-content: space-between;
-    flex-wrap: nowrap;
-}

tox.ini

@@ -21,14 +21,14 @@ basepython =
     py38: python3.8
     py39: python3.9
     py310: python3.10
+    py311: python3.11
     py: python3
     {style,reformat,doc,build}: python3
 setenv =
     PYTHONUNBUFFERED = yes
     cov: PYTEST_EXTRA_ARGS = --cov=ansys-sphinx-theme --cov-report=term --cov-report=xml --cov-report=html
+    DOCUMENTATION_CNAME = sphinxdocs.ansys.com
 passenv = *
-commands =
-    pytest {env:PYTEST_MARKERS:} {env:PYTEST_EXTRA_ARGS:} {posargs:-vv}
 
 [testenv:style]
 description = Checks project code style