Skip to content

Instantly share code, notes, and snippets.

@ZackBoe

ZackBoe/youtube-watched.css

Last active January 26, 2021 22:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ZackBoe/2c8b0e4ec8cbea910fcc0891198f328d to your computer and use it in GitHub Desktop.
Save ZackBoe/2c8b0e4ec8cbea910fcc0891198f328d to your computer and use it in GitHub Desktop.
Download ZIP
YouTube watched video overlay userstyle
Raw
youtube-watched.css
.ytd-thumbnail-overlay-resume-playback-renderer[style="width: 100%;"] {
position: relative;
}
.ytd-thumbnail-overlay-resume-playback-renderer[style="width: 100%;"]:after {
position: absolute;
bottom: 0;
box-sizing: border-box;
width: 100%;
height: 118px;
padding-top: 25%;
content: 'WATCHED';
text-align: center;
font-size: 1.3rem;
color: white;
background: #000c;
pointer-events: none;
transition: opacity ease 0.2s;
}
.ytd-thumbnail:hover .ytd-thumbnail-overlay-resume-playback-renderer[style="width: 100%;"]:after {
opacity: 0;
}
@ZackBoe
Copy link
Author

ZackBoe commented Jan 26, 2021

firefox_2021-01-26_17-14-37

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment