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 => `
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;
}