diff --git a/doc/changelog.d/487.added.md b/doc/changelog.d/487.added.md new file mode 100644 index 00000000..04365fea --- /dev/null +++ b/doc/changelog.d/487.added.md @@ -0,0 +1 @@ +feat: add static search \ No newline at end of file diff --git a/doc/source/conf.py b/doc/source/conf.py index 3fceb34d..aded60f5 100644 --- a/doc/source/conf.py +++ b/doc/source/conf.py @@ -15,7 +15,6 @@ ansys_favicon, ansys_logo_white, ansys_logo_white_cropped, - convert_version_to_pymeilisearch, generate_404, get_version_match, latex, @@ -60,12 +59,6 @@ "json_url": f"https://{cname}/versions.json", "version_match": get_version_match(__version__), }, - "use_meilisearch": { - "api_key": os.getenv("MEILISEARCH_PUBLIC_API_KEY", ""), - "index_uids": { - f"ansys-sphinx-theme-v{convert_version_to_pymeilisearch(__version__)}": "ansys-sphinx-theme", # noqa: E501 - }, - }, "ansys_sphinx_theme_autoapi": { "project": project, "directory": "src/ansys_sphinx_theme/examples", @@ -74,6 +67,10 @@ "package_depth": 1, }, "logo": "ansys", + "static_search": { + "threshold": 0.5, + "ignoreLocation": True, + }, } diff --git a/doc/source/user-guide/options.rst b/doc/source/user-guide/options.rst index e7c7b515..a5742d36 100644 --- a/doc/source/user-guide/options.rst +++ b/doc/source/user-guide/options.rst @@ -108,92 +108,51 @@ If you want to hide all icons, use the ``show_icons`` Boolean variable: ... } -Use MeiliSearch ----------------- - -MeiliSearch is an open source search engine that allows developers to -easily integrate search functionality into their applications. - -To use MeiliSearch in your documentation, in the ``conf.py`` file, -a child dictionary named ``use_meilisearch``is added to the ``html_theme_options`` -dictionary. - -This dictionary contains these keys, in the order given: - -#. ``host``: Host name of your MeiliSearch instance. If no value is provided, - the default public host for PyAnsys is used: ``https://backend.search.pyansys.com`` - on port ``7700``. If added security is needed, you can use the ``os.getenv()`` function - to set the instance using an environment variable. +Static search options +---------------------- -#. ``api_key``: API key for your MeiliSearch instance. If no value is provided, - the default public API key for PyAnsys is used. If added security is needed, - you can use the ``os.getenv()`` function to set the key using an environment - variable. +The Ansys Sphinx theme supports static search options to customize the search experience. -#. ``index_uids``: Dictionary that provides the mapping between the unique - identifier (UID) of an index and its corresponding user-friendly name. - Each key-value pair in the dictionary represents an index, with the key - being the index UID and the value being the index name. The index UID - points to an index on the server. +The static search bar is created using ``Fuse.js``. You can provide all options supported by ``Fuse.js`` through the ``static_search`` dictionary in the ``html_theme_options``. -Here is an example of how to configure MeiliSearch for use in the ``conf.py`` file: +Additional options include: -.. code-block:: python - - import os +1. ``keys``: List of keys to search in the documents. Default are ``["title", "text"]``. +2. ``threshold``: The minimum score a search result must have to be included in the results. Default is ``0.5``. +3. ``ignoreLocation``: Whether to ignore the location of the search term in the document. Default is ``False``. Ignoring the location can increase the search speed for large documents. +4. ``limit``: The maximum number of search results to display. Default is ``10``. +5. ``min_chars_for_search``: The minimum number of characters required to start the search. Default is ``1``. - use_meilisearch = { - "host": os.getenv("MEILISEARCH_HOST_NAME", ""), - "api_key": os.getenv("MEILISEARCH_API_KEY", ""), - "index_uids": { - "index-uid of current project": "index name to display", - "another-index-uid": "index name to display", - }, - } +.. note:: + All other options are available in the `Fuse.js documentation `_. -If your project features multiple documentation versions, it's crucial to adapt the -``index_uids`` mapping to accommodate different versions. To ensure seamless search -integration across versions, use the following format to dynamically generate -version-specific index ``UIDs``: +Here is an example of how to add the ``static_search`` dictionary to the ``html_theme_options`` dictionary: .. code-block:: python - from ansys_sphinx_theme import convert_version_to_pymeilisearch - - use_meilisearch = { - "api_key": os.getenv("MEILISEARCH_PUBLIC_API_KEY", ""), - "index_uids": { - f"ansys-sphinx-theme-v{convert_version_to_pymeilisearch(__version__)}": "ansys-sphinx-theme", + html_theme_options = { + "static_search": { + "threshold": 0.5, + "limit": 10, + "min_chars_for_search": 1, }, } -Here is an example configuration of how to configure MeiliSearch in the ``conf.py`` file -for the Ansys Sphinx Theme: - -.. code-block:: python +.. note:: - import os + Serve locally your documentation using the ``python -m http.server -d /path/to/docs/html/`` to have a live-preview of your search results. This method is compliant with the `CORS policy `_ and allows to load the generated resource files containing the indices of your documentation. + The search bar does not work if you open the HTML files directly in the browser. - html_theme_options = { - "use_meilisearch": { - "index_uids": { - "ansys-sphinx-theme-sphinx-docs": "ansys-sphinx-theme", - "pyansys-docs-all-public": "PyAnsys", - }, - }, - } + To open the documentation in a local server, run the following command in the directory where the HTML files are located: + .. code-block:: bash -With these options set, MeiliSearch is available for performing searches of -your documentation. + python -m http.server -.. note:: + Then, open the browser and go to ``http://localhost:8000``. - If you do not set the ``use_meilisearch`` dictionary, the - Ansys Sphinx Theme uses the default search functionality - inherited from the PyData Sphinx Theme. Cheat sheets ------------ diff --git a/src/ansys_sphinx_theme/__init__.py b/src/ansys_sphinx_theme/__init__.py index 3bc418ef..c1325eb7 100644 --- a/src/ansys_sphinx_theme/__init__.py +++ b/src/ansys_sphinx_theme/__init__.py @@ -34,6 +34,7 @@ from ansys_sphinx_theme.extension.linkcode import DOMAIN_KEYS, sphinx_linkcode_resolve from ansys_sphinx_theme.latex import generate_404 # noqa: F401 +from ansys_sphinx_theme.search import create_search_index, update_search_config try: import importlib.metadata as importlib_metadata @@ -125,27 +126,6 @@ def get_version_match(semver: str) -> str: return ".".join([major, minor]) -def convert_version_to_pymeilisearch(semver: str) -> str: - """Convert a semantic version number to pymeilisearch-compatible format. - - This function evaluates the given semantic version number and returns a - version number that is compatible with `pymeilisearch`, where dots are - replaced with hyphens. - - Parameters - ---------- - semver : str - Semantic version number in the form of a string. - - Returns - ------- - str - pymeilisearch-compatible version number. - """ - version = get_version_match(semver).replace(".", "-") - return version - - def setup_default_html_theme_options(app): """Set up the default configuration for the HTML options. @@ -534,6 +514,21 @@ def build_quarto_cheatsheet(app: Sphinx): app.config.html_theme_options["cheatsheet"]["thumbnail"] = f"{output_dir}/{output_png}" +def check_for_depreciated_theme_options(app: Sphinx): + """Check for depreciated theme options. + + Parameters + ---------- + app : sphinx.application.Sphinx + Application instance for rendering the documentation. + """ + theme_options = app.config.html_theme_options + if "use_meilisearch" in theme_options: + raise DeprecationWarning( + "The 'use_meilisearch' option is deprecated. Remove the option from your configuration file." # noqa: E501 + ) + + def setup(app: Sphinx) -> Dict: """Connect to the Sphinx theme app. @@ -556,6 +551,8 @@ def setup(app: Sphinx) -> Dict: # Add default HTML configuration setup_default_html_theme_options(app) + update_search_config(app) + # Verify that the main CSS file exists if not CSS_PATH.exists(): raise FileNotFoundError(f"Unable to locate ansys-sphinx theme at {CSS_PATH.absolute()}") @@ -567,10 +564,12 @@ def setup(app: Sphinx) -> Dict: app.add_css_file("https://www.nerdfonts.com/assets/css/webfont.css") app.connect("builder-inited", configure_theme_logo) app.connect("builder-inited", build_quarto_cheatsheet) + app.connect("builder-inited", check_for_depreciated_theme_options) app.connect("html-page-context", update_footer_theme) app.connect("html-page-context", fix_edit_html_page_context) app.connect("html-page-context", add_cheat_sheet) app.connect("build-finished", replace_html_tag) + app.connect("build-finished", create_search_index) return { "version": __version__, "parallel_read_safe": True, diff --git a/src/ansys_sphinx_theme/search/__init__.py b/src/ansys_sphinx_theme/search/__init__.py new file mode 100644 index 00000000..f069933c --- /dev/null +++ b/src/ansys_sphinx_theme/search/__init__.py @@ -0,0 +1,48 @@ +# Copyright (C) 2021 - 2024 ANSYS, Inc. and/or its affiliates. +# SPDX-License-Identifier: MIT +# +# +# Permission is hereby granted, free of charge, to any person obtaining a copy +# of this software and associated documentation files (the "Software"), to deal +# in the Software without restriction, including without limitation the rights +# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +# copies of the Software, and to permit persons to whom the Software is +# furnished to do so, subject to the following conditions: +# +# The above copyright notice and this permission notice shall be included in all +# copies or substantial portions of the Software. +# +# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +# SOFTWARE. +"""Initiate the search.""" + +from sphinx.application import Sphinx + +from ansys_sphinx_theme.search.fuse_search import create_search_index + + +def update_search_config(app: Sphinx) -> None: + """Update the search configuration. + + Parameters + ---------- + app : Sphinx + Sphinx application. + """ + theme_static_options = app.config.html_theme_options.get("static_search", {}) + theme_static_options["keys"] = ["title", "text"] + theme_static_options["threshold"] = theme_static_options.get("threshold", 0.5) + theme_static_options["shouldSort"] = theme_static_options.get("shouldSort", "True") + theme_static_options["ignoreLocation"] = theme_static_options.get("ignoreLocation", "False") + theme_static_options["useExtendedSearch"] = theme_static_options.get( + "useExtendedSearch", "True" + ) + theme_static_options["limit"] = theme_static_options.get("limit", 10) + theme_static_options["min_chars_for_search"] = theme_static_options.get( + "min_chars_for_search", 1 + ) diff --git a/src/ansys_sphinx_theme/search/fuse_search.py b/src/ansys_sphinx_theme/search/fuse_search.py new file mode 100644 index 00000000..d9460866 --- /dev/null +++ b/src/ansys_sphinx_theme/search/fuse_search.py @@ -0,0 +1,113 @@ +# Copyright (C) 2021 - 2024 ANSYS, Inc. and/or its affiliates. +# SPDX-License-Identifier: MIT +# +# +# Permission is hereby granted, free of charge, to any person obtaining a copy +# of this software and associated documentation files (the "Software"), to deal +# in the Software without restriction, including without limitation the rights +# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +# copies of the Software, and to permit persons to whom the Software is +# furnished to do so, subject to the following conditions: +# +# The above copyright notice and this permission notice shall be included in all +# copies or substantial portions of the Software. +# +# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +# SOFTWARE. + +"""Module to fuse search.""" + +import json +import re + +from docutils import nodes + + +class SearchIndex: + """Class to get search index.""" + + def __init__(self, doc_name, app): + """Initialize the class. + + Parameters + ---------- + doc_name : str + Document name. + app : Sphinx + Sphinx application. + """ + self._doc_name = doc_name + self.doc_path = f"{self._doc_name}.html" + self.doc_title = app.env.titles[self._doc_name].astext() + self._doc_tree = app.env.get_doctree(self._doc_name) + self.sections = [] + + def iterate_through_docs(self): + """Iterate through the document.""" + for node in self._doc_tree.traverse(nodes.section): + self.section_title = node[0].astext() + self.section_text = "\n".join( + n.astext() + for node_type in [nodes.paragraph, nodes.literal_block] + for n in node.traverse(node_type) + ) + self.section_anchor_id = _title_to_anchor(self.section_title) + self.sections.append( + { + "section_title": self.section_title, + "section_text": self.section_text, + "section_anchor_id": self.section_anchor_id, + } + ) + + @property + def indices(self): + """Get search index.""" + for sections in self.sections: + search_index = { + "objectID": self._doc_name, + "href": f"{self.doc_path}#{sections['section_anchor_id']}", + "title": self.doc_title, + "section": sections["section_title"], + "text": sections["section_text"], + } + yield search_index + + +def _title_to_anchor(title: str) -> str: + """Convert title to anchor.""" + return re.sub(r"[^\w\s-]", "", title.lower().strip().replace(" ", "-")) + + +def create_search_index(app, exception): + """Create search index for the document in build finished. + + Parameters + ---------- + app : Sphinx + Sphinx application. + exception : Any + Exception. + """ + if exception: + return + + if not app.config.html_theme_options.get("static_search", {}): + return + + all_docs = app.env.found_docs + search_index_list = [] + + for document in all_docs: + search_index = SearchIndex(document, app) + search_index.iterate_through_docs() + search_index_list.extend(search_index.indices) + + search_index = app.builder.outdir / "search.json" + with search_index.open("w", encoding="utf-8") as index_file: + json.dump(search_index_list, index_file, ensure_ascii=False, indent=4) 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 7b69efe3..a8ac3e92 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 @@ -1,80 +1,149 @@ - -{% if theme_use_meilisearch %} - {% set API_KEY = theme_use_meilisearch.api_key %} - - - -
+ + - - Ctrl+K - - {% if theme_use_meilisearch.index_uids | length > 1 %} - - - {% endif %} - - - {% if not theme_use_meilisearch.host %} - {% set HOST_URL = "https://backend.search.pyansys.com/" %} - {% else %} - {% set HOST_URL = theme_use_meilisearch.host %} - {% endif %} - -
-{% else %} - - {%- include "pydata_sphinx_theme/components/search-field.html" -%} -{% endif %} + + // Handle Enter key press in the search box + searchBox.addEventListener("keydown", function (event) { + if (event.key === "Enter") { + const firstResult = document.querySelector(".result-item"); + if (firstResult) { + navigateToHref(firstResult.getAttribute("data-href")); + } + event.preventDefault(); + } + }); + + // Fetch search data and initialize Fuse.js + fetch('{{ pathto("search.json", 1) }}') + .then(response => response.ok ? response.json() : Promise.reject('Error: ' + response.statusText)) + .then(data => initializeFuse(data)) + .catch(error => console.error('Fetch operation failed:', error)); + }); + diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html index 3390db05..f75b5029 100644 --- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html +++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/search.html @@ -2,31 +2,5 @@ .bd-content .bd-search { margin-bottom: 0; } - div[data-ds-theme] .meilisearch-autocomplete .dsb-dropdown-menu{ - overflow-y: initial; - } -{% if theme_use_meilisearch %} -{%- extends "pydata_sphinx_theme/search.html" -%} -{% block docs_body %} -{{ super() }} - -{%- endblock docs_body %} - -{% else %} - - {%- include "pydata_sphinx_theme/search.html" -%} -{% endif %} +{%- include "pydata_sphinx_theme/search.html" -%} diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/ansys_sphinx_theme.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/ansys_sphinx_theme.css index 54acbf81..f3c550b7 100644 --- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/ansys_sphinx_theme.css +++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/ansys_sphinx_theme.css @@ -5,7 +5,7 @@ @import "ansys-sphinx-theme-variables.css"; @import "pydata-sphinx-theme-custom.css"; @import "breadcrumbs.css"; -@import "meilisearch.css"; +@import "fuse-search.css"; @import "sphinx-design.css"; @import "table-custom.css"; @import "sphinx-gallery.css"; diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/fuse-search.css b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/fuse-search.css new file mode 100644 index 00000000..8c837ca1 --- /dev/null +++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/fuse-search.css @@ -0,0 +1,107 @@ +.results { + margin-top: 3rem !important; + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-content: flex-start; + justify-content: center; + position: absolute; + background-color: white; + width: 800px; + padding: 0 10px; + border: 1px solid #ddd; /* Optional: Add border for better visibility */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for better visibility */ +} +.search-button__wrapper.show .search-button__search-container { + overflow: auto; +} +.result-item { + margin-bottom: 1rem; + cursor: pointer; /* Indicate that the item is clickable */ +} + +.result-title { + font-size: 1em; + font-weight: bold; + background-color: #f3f4f5; + font-family: "Open Sans", sans-serif; +} + +.result-text { + font-size: 12px; + font-family: "Open Sans", sans-serif; + color: var(--ast-search-bar-enable-text); +} + +.no-results { + font-style: italic; + color: #777; + font-family: "Open Sans", sans-serif; +} + +html[data-theme="light"] .highlight { + background-color: #ececec; + color: var(--ast-highlight-color); +} + +.form-control:focus, +.form-control:focus-visible, +.form-control { + background-color: var(--ast-search-bar-enable-background); + color: var(--ast-search-bar-enable-text); + font-size: 14px; + outline-color: var(--ast-search-bar-enable-border); + border: 0.5px solid var(--ast-search-bar-enable-border); + width: 670px; + max-width: 200%; + height: 40px; + margin-left: 5px; +} + +.search-button__wrapper.show input, +.search-button__wrapper.show svg { + font-size: 14px; +} + +.bd-search { + gap: 8px; + background-color: var(--ast-search-bar-enable-background); + border: 0px solid var(--ast-search-bar-enable-border); + margin-bottom: 300px; +} + +.bd-search .search-button__kbd-shortcut { + background-color: var(--ast-search-bar-enable-background) !important; + box-shadow: none !important; + height: 40px; + display: flex; + flex-wrap: wrap; + align-content: center; +} + +.index-select { + color: var(--ast-search-bar-enable-text); + background: var(--ast-search-bar-enable-background); + height: 40px; + font-size: 14px; + font-family: "Open Sans", sans-serif; + border: 0.5px solid var(--ast-search-bar-enable-border); + border-radius: 4px; + box-shadow: none; + padding: 0px 8px; + margin-left: 2px; +} +:focus-visible { + outline: none; +} + +#search-icon { + font-size: 24px; + width: 24px; + height: 24px; + color: var(--ast-search-bar-enable-text); +} + +.form-control:focus { + box-shadow: none; +} 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 deleted file mode 100644 index fdb6b118..00000000 --- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/static/css/meilisearch.css +++ /dev/null @@ -1,205 +0,0 @@ -@import "https://cdn.jsdelivr.net/npm/docs-searchbar.js@latest/dist/cdn/docs-searchbar.min.css"; -@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"; - -div[data-ds-theme] .searchbox { - overflow-y: scroll; - margin: auto; -} - -.docs-searchbar-suggestion--category-header { - background-color: var(--ast-suggestion-header-background); - border-radius: 4px; - text-align: left; - color: var(--ast-catagory-header-text) !important; - width: 680px; - padding: 4px; -} - -.dsb-suggestions { - width: 100%; - max-width: 140%; -} - -div[data-ds-theme] .meilisearch-autocomplete .dsb-dropdown-menu { - max-width: 1200px; - min-width: 800px; - width: 800px; -} -div[data-ds-theme] .meilisearch-autocomplete .docs-searchbar-suggestion { - width: 100%; -} - -div[data-ds-theme] .searchbox input { - height: 32px; - border-radius: 8px; - font-size: 18px; - font-family: "Open Sans", sans-serif; - box-shadow: 0px 0px 8px darkgrey; -} - -.docs-searchbar-footer { - display: none; -} - -.docs-searchbar-footer { - display: none; -} - -[class*="docs-searchbar-suggestion"] { - text-decoration: none; -} - -.docs-searchbar-suggestion--highlight { - box-shadow: none !important; -} - -div[data-ds-theme] .meilisearch-autocomplete { - text-align: center; - color: var(--pst-color-text-base); -} - -.form-control:focus, -.form-control:focus-visible, -.form-control { - background-color: var(--ast-search-bar-enable-background); - color: var(--ast-search-bar-enable-text); - font-size: 14px; - outline-color: var(--ast-search-bar-enable-border); - border: 0.5px solid var(--ast-search-bar-enable-border); - width: 670px; - max-width: 200%; - height: 40px; - margin-left: 5px; -} - -.search-button__wrapper.show input, -.search-button__wrapper.show svg { - font-size: 14px; -} - -.bd-search .search-button__kbd-shortcut { - background-color: var(--ast-search-bar-enable-background) !important; - box-shadow: none !important; - height: 40px; - display: flex; - flex-wrap: wrap; - align-content: center; -} - -.index-select { - color: var(--ast-search-bar-enable-text); - background: var(--ast-search-bar-enable-background); - height: 40px; - font-size: 14px; - font-family: "Open Sans", sans-serif; - border: 0.5px solid var(--ast-search-bar-enable-border); - border-radius: 4px; - box-shadow: none; - padding: 0px 8px; - margin-left: 2px; -} -:focus-visible { - outline: none; -} - -div[data-ds-theme] - .meilisearch-autocomplete - .dsb-dropdown-menu - [class^="dsb-dataset-"] { - position: relative; - border: 1px solid #d9d9d9; - background: var(--ast-search-bar-enable-background); - border-radius: 4px; - padding: 0 8px 8px; -} -div[data-ds-theme] .meilisearch-autocomplete .dsb-dropdown-menu { - max-height: 500px !important; - border: 1px solid #ccc; - left: -30px; - overflow-y: auto; -} - -div[data-ds-theme] .meilisearch-autocomplete .docs-searchbar-suggestion { - background: var(--ast-search-bar-enable-background); -} - -div[data-ds-theme] - .meilisearch-autocomplete - .docs-searchbar-suggestion--highlight { - color: var(--ast-suggestion-text-color) !important; - font-weight: 900; - background: transparent; - padding: 0 0.05em; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--text { - color: var(--ast-catagory-suggestion-text); - font-size: 12px; - line-height: var(--ast-global-line-height); -} - -div[data-ds-theme] - .meilisearch-autocomplete - .docs-searchbar-suggestion--subcategory-column { - width: None; - text-align: left; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--category-header { - width: 100%; - padding: 4px 8px; -} - -div[data-ds-theme] - .meilisearch-autocomplete - .docs-searchbar-suggestion--content { - display: block; -} - -div[data-ds-theme] .meilisearch-autocomplete .docs-searchbar-suggestion--title { - margin-bottom: 4px; - color: var(--ast-search-bar-enable-text); - font-size: 0.9em; - font-weight: 700; - width: 100%; -} - -/** -* Styling the scrollbar -*/ -div[data-ds-theme] - .meilisearch-autocomplete - .dsb-dropdown-menu::-webkit-scrollbar { - width: 0.5rem; - height: 0.5rem; -} - -div[data-ds-theme] - .meilisearch-autocomplete - .dsb-dropdown-menu::-webkit-scrollbar-thumb { - background: var(--ast-search-bar-enable-background); - border-radius: inherit; -} - -div[data-ds-theme] - .meilisearch-autocomplete - .dsb-dropdown-menu::-webkit-scrollbar-track { - background: var(--ast-search-bar-enable-background); -} - -.bd-search { - gap: 8px; - background-color: var(--ast-search-bar-enable-background); - border: 0px solid var(--ast-search-bar-enable-border); - margin-bottom: 300px; -} -#search-icon { - font-size: 24px; - width: 24px; - height: 24px; - color: var(--ast-search-bar-enable-text); -} - -.form-control:focus { - box-shadow: none; -} diff --git a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf index f5a2cefa..684474f3 100644 --- a/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf +++ b/src/ansys_sphinx_theme/theme/ansys_sphinx_theme/theme.conf @@ -16,4 +16,5 @@ article_header_start = breadcrumbs.html footer_end = theme-version.html cheatsheet = ansys_sphinx_theme_autoapi = -logo = \ No newline at end of file +logo = +static_search = \ No newline at end of file