From d48a8dd4cd1ad93963645980bf117fb5fb441ba0 Mon Sep 17 00:00:00 2001
From: Revathy Venugopal
 <104772255+Revathyvenugopal162@users.noreply.github.com>
Date: Sun, 26 Feb 2023 10:38:57 +0100
Subject: [PATCH] FIX: The search-bar-width (#218)

Co-authored-by: Alex Kaszynski <akascap@gmail.com>
---
 .../components/search-field.html              |  6 +++---
 .../static/css/meilisearch.css                | 19 ++++---------------
 tox.ini                                       |  4 ++--
 3 files changed, 9 insertions(+), 20 deletions(-)

diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
index 9b36abff..92e94024 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
+++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/components/search-field.html
@@ -17,8 +17,8 @@
     <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" %}
@@ -26,7 +26,7 @@
         {% 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({
diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
index 8b017dc7..98bd5a2e 100644
--- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css
+++ b/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;
-}
diff --git a/tox.ini b/tox.ini
index 87e5d73d..bbc64184 100644
--- a/tox.ini
+++ b/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