diff options
| author | Ajay Ramachandran <[email protected]> | 2021-06-30 21:50:54 -0400 |
|---|---|---|
| committer | Ajay Ramachandran <[email protected]> | 2021-06-30 21:50:54 -0400 |
| commit | 7adf0ad169161731d9c387288c5ecd81bd528b8d (patch) | |
| tree | a11cd4b3724e77d1b9a89384e28950ea077faf34 /public | |
| parent | 0086f00889efaa9bab90b9a8a9780c6f7a82ab3a (diff) | |
| download | SponsorBlock-7adf0ad169161731d9c387288c5ecd81bd528b8d.tar.gz SponsorBlock-7adf0ad169161731d9c387288c5ecd81bd528b8d.zip | |
Added a notice that starts faded
Diffstat (limited to 'public')
| -rw-r--r-- | public/content.css | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/public/content.css b/public/content.css index e9d0595f..8ed09687 100644 --- a/public/content.css +++ b/public/content.css @@ -106,12 +106,10 @@ @keyframes fadeIn { from { opacity: 0; } - to { opacity: 1; } } @keyframes fadeOut { - from { opacity: 1; } - to { opacity: 0; } + to { opacity: 0; } } .sponsorBlockSpacer { @@ -136,6 +134,8 @@ padding-right: 5px; border-collapse: unset; + + transition: opacity 0.1s ease-out; } .sponsorSkipNotice .hidden { @@ -148,11 +148,17 @@ } .sponsorSkipNoticeFadeIn { - animation: fadeIn 0.5s; + animation: fadeIn 0.5s ease-out; +} + +.sponsorSkipNoticeFaded { + opacity: 0.3; } .sponsorSkipNoticeFadeOut { - animation: fadeOut 3s cubic-bezier(0.55, 0.055, 0.675, 0.19); + transition: opacity 3s cubic-bezier(0.55, 0.055, 0.675, 0.19); + opacity: 0 !important; + animation: none !important; } .sponsorSkipNotice .sponsorSkipNoticeTimeLeft { |