Makes the resume-playback line's height as the thumbnail height, so it's much easier to distinguish the video you watched from the video you haven't. Switch back to a standard size if the preview is hovered. Color is changeable (in code). You can feel free to suggest me correct the name or discription.
Растягивает полоску просмотра на всю высоту превью, чтобы было гораздо проще отличить просмотренные видео от непросмотренных. Стягивается до стандартного размера при наведении на превью. Цвет изменяем (в коде).
Youtube. You'll surely see if you watched the video by tutah1
Details
Authortutah1
LicenseNo License
CategoryYoutube
Created
Updated
Size1.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Youtube. You'll surely see if you watched the video
@version 20220530.20.56
@namespace userstyles.world/user/tutah1
@description Makes the resume-playback line's height as the thumbnail height, so it's much easier to distinguish the video you watched from the video you haven't. Switch back to a standard size if the preview is hovered. Color is changeable (in code). You can feel free to suggest me correct the name or discription.
Растягивает полоску просмотра на всю высоту превью, чтобы было гораздо проще отличить просмотренные видео от непросмотренных. Стягивается до стандартного размера при наведении на превью. Цвет изменяем (в коде).
@author tutah1
@license No License
==/UserStyle== */
@-moz-document domain("youtube.com") {
html:not(.style-scope) {
--thumbinail-watched: #0f3e7ae0;
}
#thumbnail:not(:hover) ytd-thumbnail-overlay-resume-playback-renderer {
height:200px;
}
ytd-thumbnail-overlay-resume-playback-renderer {
background:none;
transition: ease-out .1s
}
#progress.ytd-thumbnail-overlay-resume-playback-renderer {
background-color: var(--thumbinail-watched);
}
}