Community: Fix position of the "creator heart" (#3817)

This commit is contained in:
Samantaz Fox 2023-05-25 22:20:20 +02:00
commit 9c0c39baed
No known key found for this signature in database
GPG Key ID: F42821059186176E
2 changed files with 8 additions and 6 deletions

View File

@ -46,6 +46,7 @@ body a.channel-owner {
}
.creator-heart {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
@ -66,6 +67,7 @@ body a.channel-owner {
}
.creator-heart-small-container {
display: block;
position: relative;
width: 13px;
height: 13px;

View File

@ -409,7 +409,6 @@ def template_youtube_comments(comments, locale, thin_mode, is_replies = false)
html << <<-END_HTML
<i class="icon ion-ios-thumbs-up"></i> #{number_with_separator(child["likeCount"])}
</p>
END_HTML
if child["creatorHeart"]?
@ -420,13 +419,14 @@ def template_youtube_comments(comments, locale, thin_mode, is_replies = false)
end
html << <<-END_HTML
&nbsp;
<span class="creator-heart-container" title="#{translate(locale, "`x` marked it with a ❤", child["creatorHeart"]["creatorName"].as_s)}">
<div class="creator-heart">
<span class="creator-heart">
<img loading="lazy" class="creator-heart-background-hearted" src="#{creator_thumbnail}" alt="" />
<div class="creator-heart-small-hearted">
<div class="icon ion-ios-heart creator-heart-small-container"></div>
</div>
</div>
<span class="creator-heart-small-hearted">
<span class="icon ion-ios-heart creator-heart-small-container"></span>
</span>
</span>
</span>
END_HTML
end