github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-06-04 17:04:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added copy button to codemirror-rendered code blocks

Browse Source 
Closes #858
This commit is contained in:
Dan Brown
2018-06-09 10:41:01 +01:00
parent 86f43c8a65
commit b3cc3130f0
2 changed files with 64 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
resources/assets/sass/_codemirror.scss
View File

@ -403,4 +403,38 @@ span.CodeMirror-selectedtext { background: none; }
left: 0;
width: 100%;
height: 100%;
}
/**
* Custom Copy Button
*/
.CodeMirror-copy {
position: absolute;
top: -1px;
right: -1px;
background-color: #EEE;
padding: $-xs;
line-height: 0;
border: 1px solid #DDD;
cursor: pointer;
fill: #444;
z-index: 5;
transition: all ease-in 180ms;
user-select: none;
opacity: 0.7;
svg {
transition: transform ease-in 180ms;
transform: translateY(0);
}
&.success {
background-color: lighten($positive, 10%);
fill: #FFF;
svg {
transform: translateY(-3px);
}
}
}
.CodeMirror:hover .CodeMirror-copy {
user-select: all;
opacity: 1;
}