Provide copy button container sufficient min height (#1810)

gabalafou · web-flow · commit cf29b9c23afd · 2024-05-13T12:05:44.000+01:00
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;
+}

Original file line number	Diff line number	Diff line change
`@@ -41,3 +41,10 @@ div.highlight button.copybtn {`
`41`	`41`	`outline: $focus-ring-outline;`
`42`	`42`	`}`
`43`	`43`	`}`
	`44`	`+`
	`45`	`+div.highlight:has(button.copybtn) {`
	`46`	`+ // Make sure the code block has enough height for the copy button.`
	`47`	`+ // Sphinx-copybutton sets 0.3em top offset plus 1.7em height:`
	`48`	`+ // https://github.com/executablebooks/sphinx-copybutton/blob/master/sphinx_copybutton/_static/copybutton.css`
	`49`	`+ min-height: 2em;`
	`50`	`+}`