AO3-6548 Found a way to do this without changing the HTML

otwcode · Dec 14, 2023 · b5b1363 · b5b1363
1 parent 8f95e61
commit b5b1363
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/app/views/kudos/_kudos.html.erb b/app/views/kudos/_kudos.html.erb
@@ -3,8 +3,7 @@
 <div id="kudos">
   <% has_user_kudos = kudos.exists? %>
   <% if has_user_kudos || guest_kudos_count > 0 %>
-    <% cache "#{commentable.cache_key}/kudos-v4", skip_digest: true do %>
-      <div class="kudos-icon"></div>
+    <% cache "#{commentable.cache_key}/kudos-v3", skip_digest: true do %>
       <p class="kudos">
         <% if has_user_kudos %>
           <%= kudos_user_links(commentable, kudos, showing_more: false) %>

diff --git a/app/views/kudos/index.html.erb b/app/views/kudos/index.html.erb
@@ -12,7 +12,6 @@
   <%= will_paginate @kudos %>
 
   <div id="kudos">
-    <div class="kudos-icon"></div>
     <p class="kudos">
       <%= @kudos.map { |kudo| link_to kudo.user.login, kudo.user }.to_sentence.html_safe %>
       <%= ts(" left kudos on this work!") %>

diff --git a/public/stylesheets/site/2.0/10-types-groups.css b/public/stylesheets/site/2.0/10-types-groups.css
@@ -195,7 +195,8 @@ p.kudos {
   min-height: 40px;
 }
 
-div.kudos-icon {
+p.kudos::before {
+  content: "";
   background: url("/images/imageset.png") no-repeat -111px -580px;
   width: 55px;
   height: 54px;