Update readthedocs.js to latest zensical example (#1558)

Also:
- Remove use of readthedocs.css since that isn't included in the Zensical example

Author: tleonhardt

docs/javascripts/readthedocs.js

@@ -1,33 +1,8 @@
 document.addEventListener("DOMContentLoaded", function (event) {
   // Trigger Read the Docs' search addon instead of Zensical default
-  document.querySelector(".md-search__input").addEventListener("focus", (e) => {
+  document.querySelector(".md-search").addEventListener("click", (e) => {
+    e.preventDefault();
     const event = new CustomEvent("readthedocs-search-show");
     document.dispatchEvent(event);
   });
 });
-
-// Use CustomEvent to generate the version selector
-document.addEventListener("readthedocs-addons-data-ready", function (event) {
-  const config = event.detail.data();
-  const versioning = `
-<div class="md-version">
-<button class="md-version__current" aria-label="Select version">
-${config.versions.current.slug}
-</button>
-
-<ul class="md-version__list">
-${config.versions.active
-  .map(
-    (version) => `
-<li class="md-version__item">
-<a href="${version.urls.documentation}" class="md-version__link">
-    ${version.slug}
-</a>
-        </li>`,
-  )
-  .join("\n")}
-</ul>
-</div>`;
-
-  document.querySelector(".md-header__topic").insertAdjacentHTML("beforeend", versioning);
-});

docs/stylesheets/readthedocs.css

@@ -217,10 +217,9 @@ nav:
   - Meta:
       - doc_conventions.md
 
-# Include extra CSS to make some style adjustments for ReadTheDocs
+# Include extra CSS to make some style adjustments for visible width
 extra_css:
   - stylesheets/cmd2.css
-  - stylesheets/readthedocs.css
 
 # Include extra JS to setup Read the Docs addons integrations
 extra_javascript: