diff --git a/assets/css/default.css b/assets/css/default.css index 42f6958f..23649f8f 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -321,6 +321,30 @@ p.channel-name { margin: 0; } p.video-data { margin: 0; font-weight: bold; font-size: 80%; } +/* + * Comments & community posts + */ + +#comments { + max-width: 800px; + margin: auto; +} + +.video-iframe-wrapper { + position: relative; + height: 0; + padding-bottom: 56.25%; +} + +.video-iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: none; +} + /* * Footer */ diff --git a/src/invidious/comments.cr b/src/invidious/comments.cr index ec4449f0..01556099 100644 --- a/src/invidious/comments.cr +++ b/src/invidious/comments.cr @@ -372,32 +372,25 @@ def template_youtube_comments(comments, locale, thin_mode, is_replies = false) END_HTML when "video" - html << <<-END_HTML -
-
-
- END_HTML - if attachment["error"]? html << <<-END_HTML +

#{attachment["error"]}

+
END_HTML else html << <<-END_HTML - +
+ +
END_HTML end - - html << <<-END_HTML -
-
-
- END_HTML else nil # Ignore end end html << <<-END_HTML +

#{translate(locale, "`x` ago", recode_date(Time.unix(child["published"].as_i64), locale))} #{child["isEdited"] == true ? translate(locale, "(edited)") : ""} | END_HTML @@ -416,6 +409,7 @@ def template_youtube_comments(comments, locale, thin_mode, is_replies = false) html << <<-END_HTML #{number_with_separator(child["likeCount"])} +

END_HTML if child["creatorHeart"]?