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