Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2026-01-01 14:19:23 +03:00
Code Issues Packages Projects Releases Wiki Activity

Adjusted fade out animation to feel much better

Browse Source
This commit is contained in:
Ajay Ramachandran
2019-08-19 17:57:10 -04:00
parent e5e250ff36
commit 50f929c11a
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
content.css
View File

@@ -87,8 +87,8 @@
padding-right: 5px; padding-right: 5px;
} }
.sponsorBlockFadeOutAnimiation { .sponsorSkipNoticeFadeOut {
animation: fadeOut 3s; animation: fadeOut 3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
} }
.sponsorSkipNoticeTimeLeft { .sponsorSkipNoticeTimeLeft {

4
utils/skipNotice.js
View File

@@ -178,7 +178,7 @@ class SkipNotice {
//start fade out animation //start fade out animation
let notice = document.getElementById("sponsorSkipNotice" + this.UUID); let notice = document.getElementById("sponsorSkipNotice" + this.UUID);
notice.style.removeProperty("animation"); notice.style.removeProperty("animation");
notice.classList.add("sponsorBlockFadeOutAnimiation"); notice.classList.add("sponsorSkipNoticeFadeOut");
} }
this.updateTimerDisplay(); this.updateTimerDisplay();
@@ -198,7 +198,7 @@ class SkipNotice {
//remove the fade out class if it exists //remove the fade out class if it exists
let notice = document.getElementById("sponsorSkipNotice" + this.UUID); let notice = document.getElementById("sponsorSkipNotice" + this.UUID);
notice.classList.remove("sponsorBlockFadeOutAnimiation"); notice.classList.remove("sponsorSkipNoticeFadeOut");
notice.style.animation = "none"; notice.style.animation = "none";
} }