smokephil/water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2026-01-23 05:27:05 +01:00
Code Issues Projects Releases Packages Wiki Activity

Globally set box-sizing to border-box (and improve code snippet copy button)

Browse source
This commit is contained in:
Felix Mattick 2022-01-22 12:58:18 -06:00
parent 2ca1eee9cf
commit 9cf9e052ac
No known key found for this signature in database
GPG key ID: 4E7A3D01471F32AB
6 changed files with 40 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

16
docs/scripts/docs.js
View file

@ -327,18 +327,12 @@ for (const category of categories) {
const pre = document.createElement('pre')
const code = document.createElement('code')
code.innerText = snippet.code.trim()
code.style.position = 'relative'
pre.style.position = 'relative'
pre.appendChild(code)
const button = document.createElement('button')
button.innerText = 'Copy'
Object.assign(button.style, {
position: 'absolute',
top: '0',
right: '0',
margin: '6px',
padding: '8px'
})
button.className = 'snippet-copy'
let timeout = null
button.addEventListener('click', () => {
navigator.clipboard.writeText(snippet.code.trim())
@ -347,9 +341,7 @@ for (const category of categories) {
timeout = setTimeout(() => { button.innerText = 'Copy' }, 1000)
})
code.appendChild(button)
pre.appendChild(code)
pre.appendChild(button)
demosContainer.appendChild(pre)
const details = document.createElement('details')