mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 12:21:35 +02:00
Code Issues Releases Wiki Activity

docs: add a StackBlitz "Try It" button in code examples (#35644)

Browse Source 
Co-authored-by: GeoSot <geo.sotis@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
Puru Vijay
2022-03-09 21:02:58 +05:30
committed by GitHub
parent 7e5a8016ba
commit 645f955845
4 changed files with 73 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
site/assets/js/application.js
View File

@@ -125,17 +125,24 @@
element.insertAdjacentHTML('beforebegin', btnHtml)
})
document.querySelectorAll('.btn-clipboard')
.forEach(function (btn) {
var tooltipBtn = new bootstrap.Tooltip(btn, { title: btnTitle })
/**
*
* @param {HTMLButtonElement} btn
* @param {string} title
*/
function snippetButtonTooltip(btn, title) {
var tooltipBtn = new bootstrap.Tooltip(btn, { title: title })
btn.addEventListener('mouseleave', function () {
// Explicitly hide tooltip, since after clicking it remains
// focused (as it's a button), so tooltip would otherwise
// remain visible until focus is moved away
tooltipBtn.hide()
})
btn.addEventListener('mouseleave', function () {
// Explicitly hide tooltip, since after clicking it remains
// focused (as it's a button), so tooltip would otherwise
// remain visible until focus is moved away
tooltipBtn.hide()
})
}
snippetButtonTooltip(document.querySelector('.btn-clipboard'), 'Copy to clipboard')
snippetButtonTooltip(document.querySelector('.btn-edit'), 'Edit on Stackblitz')
var clipboard = new ClipboardJS('.btn-clipboard', {
target: function (trigger) {