wassname/template
1
0
Fork 0
mirror of https://github.com/wassname/template.git synced 2026-09-12 13:00:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix non-working hover box; now in a weird in-between state, though.

Browse Source
This commit is contained in:
Ludwig Schubert
2017-10-10 12:30:36 -07:00
parent 044acd8f03
commit 0ab27e1382
7 changed files with 134 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/d-interstitial.js
+1 -13
View File
@@ -24,11 +24,6 @@ const T = Template('d-interstitial', `
}
.overlay.transparent {
background: hsla(0, 0%, 100%, 0.7);
transition: background 1s;
}
.container {
position: relative;
left: 25%;
@@ -93,20 +88,13 @@ export class Interstitial extends T(HTMLElement) {
connectedCallback() {
const passwordInput = this.root.querySelector('#interstitial-password-input');
passwordInput.oninput = (event) => this.passwordChanged(event);
setTimeout(() => {
this.article = document.querySelector('d-article');
this.article.style = 'filter: blur(15px)';
const overlay = this.root.querySelector('.overlay');
overlay.classList.add('transparent');
}, 500);
}
passwordChanged(event) {
const entered = event.target.value;
if (entered === this.password) {
console.log('Correct password entered.');
event.target.classList.add('right');
this.article.style = '';
event.target.classList.add('correct');
this.parentElement.removeChild(this);
}
}