From 644396b6907fcf598bb2a353dab3d8fe065e4bc8 Mon Sep 17 00:00:00 2001
From: Nicholas Felt <nicholas.felt@tektronix.com>
Date: Fri, 22 Nov 2024 13:00:18 -0800
Subject: [PATCH] fix: Fix the documentation to not show the mermaid tooltip
 clipping at the top of each page with an inheritance diagram (#354)

---
 docs/_static/css/theme_overrides.css                         | 5 +++++
 .../mkdocstrings/python/readthedocs/class.html.jinja         | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/_static/css/theme_overrides.css b/docs/_static/css/theme_overrides.css
index cdd1206a..9fc908dd 100644
--- a/docs/_static/css/theme_overrides.css
+++ b/docs/_static/css/theme_overrides.css
@@ -136,3 +136,8 @@ li:has(> a[href^="gen_"]),
 li:has(> a[href*="/gen_"]) {
     display: none;
 }
+
+/* Remove the mermaidTooltip */
+.mermaidTooltip {
+    display: none !important;
+}
diff --git a/docs/_templates/mkdocstrings/python/readthedocs/class.html.jinja b/docs/_templates/mkdocstrings/python/readthedocs/class.html.jinja
index bcdccc4f..fd445451 100644
--- a/docs/_templates/mkdocstrings/python/readthedocs/class.html.jinja
+++ b/docs/_templates/mkdocstrings/python/readthedocs/class.html.jinja
@@ -35,7 +35,7 @@
               {% endfor %}
             </div>
             <script>
-              var diagram = document.getElementById('mermaid-diagram-{{ class.path }}');
+              let diagram = document.getElementById('mermaid-diagram-{{ class.path }}');
               diagram.innerHTML = diagram.innerHTML.replace(/click ([\w.]+) href "" "\1"/g, function(match, nodeID, offset) {
                 try {
                   const link = document.getElementById("mermaid-link-" + nodeID).href;