Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-07-18 20:59:42 +02:00
Code Issues Releases Activity

feat: add copy button to header

Browse source
This commit is contained in:
Aleksey Solovyev 2022-11-29 14:08:37 +03:00
parent 285b94779f
commit dc0c32a93f
2 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/backend/views/pages/blocks/header.twig
View file

@ -1,4 +1,11 @@
<h{{ level }} id="{{ text | urlify }}" class="block-header block-header--{{ level }}">
{%
include 'components/copy-button.twig' with {
ariaLabel: 'Copy Link to the ' ~ text,
class: 'block-header__copy-button',
textToCopy: '#' ~ text | urlify,
}
%}
<a href="#{{ text | urlify }}">
{{ text }}
</a>

14
src/frontend/styles/components/page.pcss
View file

@ -125,6 +125,20 @@
pointer-events: none;
}
&__copy-button {
margin-right: 8px;
color: var(--color-text-second);
opacity: 0;
}
@media (--can-hover) {
&:hover {
.block-header__copy-button {
opacity: 1;
}
}
}
.inline-code {
line-height: inherit;
}