diff --git a/content.css b/content.css index 933eb40f..1d118fcf 100644 --- a/content.css +++ b/content.css @@ -45,18 +45,19 @@ min-width: 400px; background-color: rgba(255, 217, 217, 0.8); position: absolute; - z-index: 1; border: 3px solid rgba(0, 0, 0, 0.8); - margin-top: -50px; + right: 0; + bottom: 90px; + zoom: 85%; animation: fadeIn 0.5s; } /* if two are very close to eachother */ .secondSkipNotice { - margin-left: 500px; + bottom: 280px; - transition: margin-left 0.2s; + transition: bottom 0.2s; } .sponsorSkipMessage { diff --git a/content.js b/content.js index dc1e5d80..3dd4eb67 100644 --- a/content.js +++ b/content.js @@ -674,7 +674,7 @@ function openSkipNotice(UUID){ noticeElement.id = "sponsorSkipNotice" + UUID; noticeElement.classList.add("sponsorSkipObject"); noticeElement.classList.add("sponsorSkipNotice"); - noticeElement.style.zIndex = 5 + amountOfPreviousNotices; + noticeElement.style.zIndex = 50 + amountOfPreviousNotices; let logoElement = document.createElement("img"); logoElement.id = "sponsorSkipLogo" + UUID; @@ -744,11 +744,7 @@ function openSkipNotice(UUID){ noticeElement.appendChild(voteButtonsContainer); noticeElement.appendChild(buttonContainer); - let referenceNode = document.getElementById("info"); - if (referenceNode == null) { - //old YouTube - referenceNode = document.getElementById("watch-header"); - } + let referenceNode = document.getElementById("movie_player"); referenceNode.prepend(noticeElement); } diff --git a/manifest.json b/manifest.json index eb30677e..31f155db 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "SponsorBlock for YouTube - Skip Sponsorships", "short_name": "SponsorBlock", - "version": "1.0.24", + "version": "1.0.25", "description": "Skip over sponsorship on YouTube videos. Report sponsors on videos you watch to save the time of others.", "content_scripts": [ {