diff --git a/assets/css/default.css b/assets/css/default.css index 001b70e1..36dd8360 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -58,6 +58,7 @@ div { } .loading { + display: inline-block; animation: spin 2s linear infinite; } diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr index b1b59352..3595a4f5 100644 --- a/src/invidious/views/watch.ecr +++ b/src/invidious/views/watch.ecr @@ -249,7 +249,7 @@ function get_playlist(timeouts = 0) { } playlist.innerHTML = ' \ -

\ +

\
' var plid = "<%= plid %>" @@ -300,7 +300,7 @@ function get_playlist(timeouts = 0) { comments = document.getElementById("playlist"); comments.innerHTML = - '


'; + '


'; get_playlist(timeouts + 1); }; } @@ -319,7 +319,7 @@ function get_reddit_comments(timeouts = 0) { var fallback = comments.innerHTML; comments.innerHTML = - '

'; + '

'; var url = "/api/v1/comments/<%= video.id %>?source=reddit&format=html&hl=<%= env.get("preferences").as(Preferences).locale %>"; var xhr = new XMLHttpRequest(); @@ -382,7 +382,7 @@ function get_youtube_comments(timeouts = 0) { var fallback = comments.innerHTML; comments.innerHTML = - '

'; + '

'; var url = "/api/v1/comments/<%= video.id %>?format=html&hl=<%= env.get("preferences").as(Preferences).locale %>"; var xhr = new XMLHttpRequest(); @@ -429,7 +429,7 @@ function get_youtube_comments(timeouts = 0) { console.log("Pulling comments timed out."); comments.innerHTML = - '

'; + '

'; get_youtube_comments(timeouts + 1); }; } @@ -440,7 +440,7 @@ function get_youtube_replies(target, load_more) { var body = target.parentNode.parentNode; var fallback = body.innerHTML; body.innerHTML = - '

'; + '

'; var url = '/api/v1/comments/<%= video.id %>?format=html&hl=<%= env.get("preferences").as(Preferences).locale %>&continuation=' + continuation;