OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Removed flickering of color palette demo

Browse Source
This commit is contained in:
squidfunk 2023-03-24 11:36:30 +01:00
parent 70d1002a1d
commit ab23604fb0
No known key found for this signature in database
GPG Key ID: 5ED40BC4F9C436DF
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/setup/changing-the-colors.md
View File

@ -38,10 +38,14 @@ Click on a tile to change the color scheme:
var buttons = document.querySelectorAll("button[data-md-color-scheme]") var buttons = document.querySelectorAll("button[data-md-color-scheme]")
buttons.forEach(function(button) { buttons.forEach(function(button) {
button.addEventListener("click", function() { button.addEventListener("click", function() {
document.body.setAttribute("data-md-color-switching", "")
var attr = this.getAttribute("data-md-color-scheme") var attr = this.getAttribute("data-md-color-scheme")
document.body.setAttribute("data-md-color-scheme", attr) document.body.setAttribute("data-md-color-scheme", attr)
var name = document.querySelector("#__code_0 code span.l") var name = document.querySelector("#__code_0 code span.l")
name.textContent = attr name.textContent = attr
setTimeout(function() {
document.body.removeAttribute("data-md-color-switching")
})
}) })
}) })
</script> </script>