From 70759c7a69ef6daeec9401166f46c65f90478e63 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= Date: Mon, 11 Jan 2021 19:35:04 +0100 Subject: [PATCH] remove ineffective optimization (hide !isIntersecting images) --- app/src/components/VideoScroll.vue | 7 ------- 1 file changed, 7 deletions(-) diff --git a/app/src/components/VideoScroll.vue b/app/src/components/VideoScroll.vue index 09181c6..308be49 100644 --- a/app/src/components/VideoScroll.vue +++ b/app/src/components/VideoScroll.vue @@ -60,7 +60,6 @@ export default defineComponent({ entries.forEach((entry) => { const element = entry.target as HTMLImageElement; if (entry.isIntersecting) { - element.classList.add("visible"); if (!element.src) { element.src = element.dataset.src!; if (element.dataset.direction == "left" || element.dataset.direction == "right") { @@ -72,8 +71,6 @@ export default defineComponent({ element.classList.add("loaded"); }; } - } else { - element.classList.remove("visible"); } }); }); @@ -113,14 +110,10 @@ export interface VideoScrollDef { image-rendering: optimizeSpeed; opacity: 0; transition: opacity .5s; - visibility: hidden; } .loaded { opacity: 1 !important; } -.visible { - visibility: visible !important; -}