1
0
mirror of https://github.com/kognise/water.css.git synced 2025-08-20 03:42:07 +02:00

fix: update code to support IE & Edge Legacy

This commit is contained in:
Jonas Kuske
2020-05-30 02:42:08 +02:00
parent 68834efd73
commit 4b75b3aeb6
2 changed files with 14 additions and 8 deletions

View File

@@ -70,7 +70,10 @@
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-116663597-6"></script>
<script>
window.dataLayer = window.dataLayer || []
const gtag = (...args) => window.dataLayer.push(args)
// eslint-disable-next-line prefer-arrow/prefer-arrow-functions
const gtag = function () {
window.dataLayer.push(arguments)
}
gtag('js', new Date())
gtag('config', 'UA-116663597-6')
</script>

View File

@@ -1,3 +1,5 @@
'use strict'
const cdnBase = 'https://cdn.jsdelivr.net/npm/water.css@2/dist/'
const localBase = './water.css/'
@@ -25,7 +27,8 @@ const updateProductHunt = (theme) => {
}
const updateTheme = () => {
const theme = themeForm.theme.value
const theme = themeForm.querySelector('input[name="theme"]:checked').value
const fileName = `${theme === 'auto' ? 'water' : theme}.min.css`
const cdnUrl = `${cdnBase}${fileName}`
const localUrl = `${localBase}${fileName}`
@@ -40,7 +43,7 @@ const updateTheme = () => {
table.theme.innerHTML = 'Defaults to dark, but respects user-defined theme settings. Detected via <code>prefers-color-scheme</code>'
table.browserSupport.innerHTML = `
All current browsers
(<a href="https://caniuse.com/#feat=css-variables" target="_blank">support for CSS Custom Properties</a>)
(<a href="https://caniuse.com/#feat=css-variables" target="_blank" rel="noopener">support for CSS Custom Properties</a>)
`
} else {
table.theme.innerText = `Theme is forced to ${theme}`
@@ -49,14 +52,14 @@ const updateTheme = () => {
}
}
themeForm.addEventListener('input', updateTheme)
themeForm.addEventListener('change', updateTheme)
const prefersColorScheme = window.matchMedia('(prefers-color-scheme: light)')
updateProductHunt(prefersColorScheme.matches ? 'light' : 'dark')
prefersColorScheme.addEventListener('change', () => {
prefersColorScheme.addListener(() => {
if (themeForm.theme.value !== 'auto') return
updateProductHunt(prefersColorScheme.matches ? 'light' : 'dark')
})
updateTheme()
startupStylesheet.remove()
startupStylesheet.parentElement.removeChild(startupStylesheet)