Display hide hint text when admonition is expanded (#59)

executablebooks · Dec 22, 2023 · f468ca6 · f468ca6
1 parent 0a356c2
commit f468ca6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/sphinx_togglebutton/_static/togglebutton.css b/sphinx_togglebutton/_static/togglebutton.css
@@ -66,7 +66,7 @@ button.toggle-button {
 
 /* Display the toggle hint on wide screens */
 @media (min-width: 768px) {
-    button.toggle-button.toggle-button-hidden:before {
+    button.toggle-button:before {
         content: attr(data-toggle-hint);  /* This will be filled in by JS */
         font-size: .8em;
         align-self: center;

diff --git a/sphinx_togglebutton/_static/togglebutton.js b/sphinx_togglebutton/_static/togglebutton.js
@@ -100,9 +100,11 @@ var toggleHidden = (button) => {
   if (itemToToggle.classList.contains("toggle-hidden")) {
     itemToToggle.classList.remove("toggle-hidden");
     button.classList.remove("toggle-button-hidden");
+    button.dataset.toggleHint = toggleHintHide;
   } else {
     itemToToggle.classList.add("toggle-hidden");
     button.classList.add("toggle-button-hidden");
+    button.dataset.toggleHint = toggleHintShow;
   }
 }