Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2026-01-01 06:09:30 +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;
}
.sponsorBlockFadeOutAnimiation {
animation: fadeOut 3s;
.sponsorSkipNoticeFadeOut {
animation: fadeOut 3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.sponsorSkipNoticeTimeLeft {

4
utils/skipNotice.js
View File

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