openstack
/
fuel-docs
Code Issues Proposed changes

add copy button to code blocks 

Change-Id: If41697d3d95306d08c44e10674dc32bd45071116
This commit is contained in:
Jim Phillips 2015-08-14 11:09:52 -04:00
parent 723e8d5e49
commit f8b83c57a0
2 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
_templates/mirantis/static/abtest.js
View File

@ -58,7 +58,7 @@ function generateTwitter(url, title) {
}
function generateCopyButton(url) {
return '<a data-toggle="tooltip" data-placement="bottom"class="copyMe" data-clipboard-text="' + url + '" data-original-title="Copy permalink to clipboard"><i class="fa fa-clipboard"></i></a>';
return '<a data-toggle="tooltip" data-placement="bottom" class="copyMe" data-clipboard-text="' + url + '" data-original-title="Copy permalink to clipboard"><i class="fa fa-clipboard"></i></a>';
}
function populateGuides(guides) {
@ -207,6 +207,10 @@ $(document).ready(function () {
$('[data-toggle="tooltip"]').tooltip();
$('pre').each(function(){
$('<div class="zero-clipboard"><span a data-toggle="tooltip" data-placement="top" data-original-title="Copy permalink to clipboard" class="btn-clipboard copy copyMe" data-clipboard-text="'+ $.trim($(this).text().replace(/"/g, '&quot;')) +'"><i class="fa fa-clipboard"></i></span></div>').insertBefore(this);
});
ZeroClipboard.config({
forceHandCursor: false,
swfPath: "https://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.swf"

20
_templates/mirantis/static/styles.css
View File

@ -772,6 +772,7 @@ div.topic {
color: #fff;
display: none;
overflow: hidden;
z-index: 999;
}
#breadcrumb span {
@ -788,4 +789,23 @@ div.topic {
span#guide {
margin-right: 15px;
}
.zero-clipboard {
position: relative;
}
.btn-clipboard {
position: absolute;
top: 0;
right: 0;
z-index: 10;
display: block;
padding: 5px 8px;
font-size: 12px;
color: #767676;
cursor: pointer;
background-color: #FFF;
border: 1px solid #E1E1E8;
border-radius: 0 4px 0 4px;
}