Provide copy button container sufficient min height (#1810)

pydata · May 13, 2024 · cf29b9c · cf29b9c
1 parent 2a690ef
commit cf29b9c
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/pydata_sphinx_theme/assets/styles/extensions/_copybutton.scss b/src/pydata_sphinx_theme/assets/styles/extensions/_copybutton.scss
@@ -41,3 +41,10 @@ div.highlight button.copybtn {
     outline: $focus-ring-outline;
   }
 }
+
+div.highlight:has(button.copybtn) {
+  // Make sure the code block has enough height for the copy button.
+  // Sphinx-copybutton sets 0.3em top offset plus 1.7em height:
+  // https://github.com/executablebooks/sphinx-copybutton/blob/master/sphinx_copybutton/_static/copybutton.css
+  min-height: 2em;
+}