From 862488569dda17fb07e76217b0cc0c2f72a2a17e Mon Sep 17 00:00:00 2001 From: Anurag Ekkati Date: Fri, 9 Jan 2026 07:56:04 -0800 Subject: [PATCH] Fix code copy button positioning --- docs/content/assets/css/code-copy.css | 18 ++++++++++++++++++ docs/mkdocs.yml | 3 +++ 2 files changed, 21 insertions(+) create mode 100644 docs/content/assets/css/code-copy.css diff --git a/docs/content/assets/css/code-copy.css b/docs/content/assets/css/code-copy.css new file mode 100644 index 000000000..3273b0ec2 --- /dev/null +++ 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 , + * 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; +} + diff --git a/docs/mkdocs.yml b/docs/mkdocs.yml index 81b23ce36..157c551f9 100644 --- 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