diff --git a/content.js b/content.js index 8b90851..8005c5b 100644 --- a/content.js +++ b/content.js @@ -20,8 +20,7 @@ function random(arr) { } function elStyle(width, height) { - return `display:block;width:${width}px;height:${height}px;object-fit:cover;pointer-events:none;`; - // return `display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;`; + return `display:block;width:${width}px;height:${height}px;object-fit:cover;pointer-events:none;z-index:0;position:relative;`; } function showPhoto(width, height) { @@ -90,11 +89,21 @@ function replaceAnimation(canvas) { canvas.dataset.customReplaced = "true"; canvas.style.display = "none"; - const { width, height } = canvas.getBoundingClientRect(); + // const { width, height } = canvas.getBoundingClientRect(); + const width = 650; + const height = 650; const w = width || canvas.width; const h = height || canvas.height; container = canvas.closest(ROOT_SELECTOR) ?? canvas.parentElement; + // container.style.position = "relative"; + container.style.overflow = "hidden"; + + const style = document.createElement("style"); + style.textContent = ` + .VibePage_artistCover__RQee1 { display: none !important; } + `; + document.head.appendChild(style); showVideo(w, h); watchForPlayIndicator(w, h);