Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 10:14:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add show code

Browse Source
This commit is contained in:
Jeremy Thomas
2017-10-09 12:27:08 +01:00
parent 4f5cc9c0ed
commit 720ed45121
7 changed files with 1034 additions and 2612 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
docs/_javascript/main.js
View File

@@ -103,12 +103,19 @@ document.addEventListener('DOMContentLoaded', () => {
if ($highlights.length > 0) {
$highlights.forEach($el => {
const copy = '<button class="button is-small bd-copy">Copy</button>';
const expand = '<button class="button is-small bd-expand">Expand</button>';
$el.insertAdjacentHTML('beforeend', copy);
const copyEl = '<button class="button is-small bd-copy">Copy</button>';
const expandEl = '<button class="button is-small bd-expand">Expand</button>';
$el.insertAdjacentHTML('beforeend', copyEl);
if ($el.firstElementChild.scrollHeight > 480 && $el.firstElementChild.clientHeight <= 480) {
$el.insertAdjacentHTML('beforeend', expand);
$el.insertAdjacentHTML('beforeend', expandEl);
}
const $parent = $el.parentNode;
if ($parent && $parent.className == 'bd-highlight-clipped') {
const showEl = '<button class="bd-show"><div><span class="icon"><i class="fa fa-code"></i></span> <strong>Show code</strong></div></button>';
$el.classList.add('bd-is-clipped');
$el.insertAdjacentHTML('beforeend', showEl);
}
itemsProcessed++;
@@ -138,6 +145,14 @@ document.addEventListener('DOMContentLoaded', () => {
$el.parentNode.firstElementChild.style.maxHeight = 'none';
});
});
const $highlightShows = getAll('.bd-highlight-clipped .bd-show');
$highlightShows.forEach($el => {
$el.addEventListener('click', () => {
$el.parentNode.classList.remove('bd-is-clipped');
});
});
}
new Clipboard('.bd-copy', {