3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-06 10:20:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(v2): CodeBlock copy button (#1643)

Browse source 
* feat(v2): CodeBlock copy button

* fix: live theme editor breaking bug
This commit is contained in:
Bruno Vego 2019-07-12 07:55:56 +02:00 • committed by Endi
parent 4faa608edd
commit 7b7d1e6161
7 changed files with 164 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

28
packages/docusaurus-theme-classic/src/theme/CodeBlock/styles.module.css
View file

@ -6,3 +6,31 @@
overflow-wrap: break-word;
white-space: pre-wrap;
}
.codeBlockWrapper {
position: relative;
}
.codeBlockWrapper:hover > .copyButton {
bottom: calc(var(--ifm-pre-padding) - 2px);
visibility: visible;
opacity: 1;
}
.copyButton {
position: absolute;
right: var(--ifm-pre-padding);
bottom: calc(var(--ifm-pre-padding) - 4px);
padding: 4px 8px;
visibility: hidden;
opacity: 0;
transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out,
bottom 200ms ease-in-out;
border: 1px solid rgb(214, 222, 235);
border-radius: var(--ifm-global-radius);
outline: none;
cursor: pointer;
line-height: 12px;
background: rgb(1, 22, 39);
color: rgb(214, 222, 235);
}