Mirrored_Repos/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-08-09 20:24:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed thumbnails with darkreader, Added watched indicator in more locations

Browse Source
This commit is contained in:
Wes van der Vleuten
2022-11-08 23:15:42 +01:00
parent 7b57381773
commit f604c1c68b
3 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
assets/css/default.css
View File

@@ -135,9 +135,7 @@ div.thumbnail {
position: relative;
box-sizing: border-box;
}
div.thumbnail.thumbnail-watched {
background-color: rgba(255,255,255,.4);
}
img.thumbnail {
position: absolute;
@@ -146,7 +144,15 @@ img.thumbnail {
left: 0;
top: 0;
object-fit: cover;
z-index: -1;
}
div.watched-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,.4);
}
div.watched-indicator {
@@ -155,7 +161,7 @@ div.watched-indicator {
bottom: 0;
height: 4px;
width: 100%;
background: red;
background-color: red;
}
.length {

4
assets/js/watched_widget.js
View File

@@ -41,15 +41,13 @@ function get_all_video_times() {
}
var watchedIndicators = document.getElementsByClassName('watched-indicator');
console.log('indicators', watchedIndicators.length);
for (var i = 0; i < watchedIndicators.length; i++) {
var indicator = watchedIndicators[i];
var watched_part = get_all_video_times()[indicator.getAttribute('data-id')];
var total = parseInt(indicator.getAttribute('data-length'), 10);
var percentage = Math.round((watched_part / total) * 100);
if (percentage < 5) {
percentage = 5;
}