diff --git a/src/page/basics/preview/preview.html.ts b/src/page/basics/preview/preview.html.ts index d4bfc8b..b4d66b6 100644 --- a/src/page/basics/preview/preview.html.ts +++ b/src/page/basics/preview/preview.html.ts @@ -7,8 +7,8 @@ export const generate = ({ alt }: { alt: string }): html => `
-
${loading}
+
${play}
diff --git a/src/page/basics/preview/preview.scss b/src/page/basics/preview/preview.scss index 0241f86..f37efa2 100644 --- a/src/page/basics/preview/preview.scss +++ b/src/page/basics/preview/preview.scss @@ -32,13 +32,10 @@ } } - .loading { - visibility: hidden; - &, - & > svg { - @include square(var(--large-icon-size)); - @include absolute-center; - } + .loading, + .loading > svg { + @include square(var(--large-icon-size)); + @include absolute-center; } iframe { diff --git a/src/page/basics/preview/preview.ts b/src/page/basics/preview/preview.ts index cf7d6e7..d56b270 100644 --- a/src/page/basics/preview/preview.ts +++ b/src/page/basics/preview/preview.ts @@ -11,9 +11,6 @@ export class Preview extends PageElement { this.url += '?portfolioView'; this.attachElementByReplacing('.poster', new Image(poster, alt)); this.query('.load-button').addEventListener('click', this.loadContent.bind(this)); - this.query('iframe').addEventListener('load', () => { - this.htmlRoot.classList.remove('waiting'); - }); } public handleOnLoadEvent(event: OnLoadEvent): OnLoadEvent { @@ -27,7 +24,6 @@ export class Preview extends PageElement { } public loadContent() { - this.htmlRoot.classList.add('waiting'); this.htmlRoot.classList.add('loaded'); (this.query('iframe') as HTMLIFrameElement).src = this.url; }