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

View File

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