diff --git a/index.html b/index.html index 993b72b..a2ccb7f 100644 --- a/index.html +++ b/index.html @@ -52,7 +52,7 @@ Open - + @@ -231,13 +231,13 @@ $$$('#send', 'click', async (e) => { case 'STANDBY': Connection.send('RESUME'); $('#send > span.text').innerText = 'Pause'; - $('#send > span.icon').classList.remove('hidden'); + $('#send > span.icon').removeAttribute('hidden'); $('#send').disabled = true; break; case 'RUNNING': Connection.send('ONHOLD'); $('#send > span.text').innerText = 'Resume'; - $('#send > span.icon').classList.add('hidden'); + $('#send > span.icon').setAttribute('hidden', ''); $('#send').disabled = true; break; case 'READY': @@ -268,7 +268,7 @@ $$$('#send', 'click', async (e) => { Timer.setTimestamp(true); $('#send > span.text').innerText = 'Pause'; - $('#send > span.icon').classList.remove('hidden'); + $('#send > span.icon').removeAttribute('hidden'); $('#skip').disabled = false; break; default: @@ -283,7 +283,7 @@ $$$('#send', 'click', async (e) => { } ] }; - $('#send > span.icon').classList.remove('hidden'); + $('#send > span.icon').removeAttribute('hidden'); let [handle] = await showOpenFilePicker(PickerOptions); let file = await handle.getFile(); @@ -303,7 +303,7 @@ $$$('#send', 'click', async (e) => { $('#cancel').disabled = false; $('#send').disabled = true; } finally { - $('#send > span.icon').classList.add('hidden'); + $('#send > span.icon').setAttribute('hidden', ''); } } }); @@ -490,7 +490,7 @@ function main(url, parameters, locales) { case 'FAILED': Status = 'STANDBY'; $('#send > span.text').innerText = 'Resume'; - $('#send > span.icon').classList.add('hidden'); + $('#send > span.icon').setAttribute('hidden', ''); Timer.setTimedelta(); break; case 'FINISH': @@ -499,7 +499,7 @@ function main(url, parameters, locales) { case 'CANCEL': Status = null; $('#send > span.text').innerText = 'Open'; - $('#send > span.icon').classList.add('hidden'); + $('#send > span.icon').setAttribute('hidden', ''); $('#cancel').disabled = true; $('#skip').disabled = true; @@ -590,10 +590,6 @@ label { color: orangered; } -.hidden { - display: none; -} - .gaps { row-gap: 0.4em; }