Fix code copy button positioning

2026-01-09 07:56:04 -08:00 · 2026-01-09 07:56:04 -08:00 · 862488569d
commit 862488569d
parent 2b710f05b3
2 changed files with 21 additions and 0 deletions
--- a/docs/content/assets/css/code-copy.css
+++ b/docs/content/assets/css/code-copy.css
@ -0,0 +1,18 @@
+/* Fix positioning of the built-in clipboard button for code blocks.
+ * In this theme, the button can end up positioned relative to <body>,
+ * so anchor it to the code block container instead.
+ */
+
+.md-typeset pre.highlight {
+  position: relative;
+}
+
+.md-typeset pre.highlight > button.md-clipboard {
+  position: absolute;
+  top: .25rem;
+  right: .25rem;
+  z-index: 10;
+  opacity: 1;
+  visibility: visible;
+}
+
--- a/docs/mkdocs.yml
+++ b/docs/mkdocs.yml
@ -20,6 +20,8 @@ theme:
  logo: assets/img/traefikproxy-vertical-logo-color.svg
  feature:
    tabs: false
+  features:
+    - content.code.copy
  palette:
    primary: 'cyan'
    accent: 'cyan'
@ -35,6 +37,7 @@ extra_javascript:

 extra_css:
  - assets/css/menu-icons.css
+  - assets/css/code-copy.css

 plugins:
  - search