diff options
| author | Omar Roth <omarroth@hotmail.com> | 2018-10-05 10:08:24 -0500 |
|---|---|---|
| committer | Omar Roth <omarroth@hotmail.com> | 2018-10-05 10:08:24 -0500 |
| commit | 650b44ade241145fd108d126663557969d61b242 (patch) | |
| tree | c95add88768012988e284e47893659c7c87a3588 | |
| parent | 3830604e423fe8cefb6091fdded0b95ab2bb3cd1 (diff) | |
| download | invidious-650b44ade241145fd108d126663557969d61b242.tar.gz invidious-650b44ade241145fd108d126663557969d61b242.tar.bz2 invidious-650b44ade241145fd108d126663557969d61b242.zip | |
Improve comment templating
| -rw-r--r-- | src/invidious/comments.cr | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/src/invidious/comments.cr b/src/invidious/comments.cr index 44fb291a..45307bf7 100644 --- a/src/invidious/comments.cr +++ b/src/invidious/comments.cr @@ -104,19 +104,20 @@ def template_youtube_comments(comments) html += <<-END_HTML <div class="pure-g"> - <div class="pure-u-2-24"> + <div class="pure-u-4-24 pure-u-md-2-24"> <img style="width:90%; padding-right:1em; padding-top:1em;" src="#{author_thumbnail}"> </div> - <div class="pure-u-22-24"> + <div class="pure-u-20-24 pure-u-md-22-24"> <p> + <b><a href="#{child["authorUrl"]}">#{child["author"]}</a></b> <a href="javascript:void(0)" onclick="toggle(this)">[ - ]</a> + <div> + <p style="white-space:pre-wrap">#{child["contentHtml"]}</p> + #{recode_date(Time.epoch(child["published"].as_i64))} ago + | <i class="icon ion-ios-thumbs-up"></i> #{child["likeCount"]} - <b><a href="#{child["authorUrl"]}">#{child["author"]}</a></b> - - #{recode_date(Time.epoch(child["published"].as_i64))} ago - </p> - <div> - <p style="white-space:pre-wrap">#{child["contentHtml"]}</p> - #{replies_html} + </p> + #{replies_html} </div> </div> </div> @@ -157,9 +158,9 @@ def template_reddit_comments(root) content = <<-END_HTML <p> <a href="javascript:void(0)" onclick="toggle(this)">[ - ]</a> - <i class="icon ion-ios-thumbs-up"></i> #{score} <b><a href="https://www.reddit.com/user/#{author}">#{author}</a></b> - - #{recode_date(child.created_utc)} ago + #{score} points + #{recode_date(child.created_utc)} ago </p> <div> #{body_html} |