diff --git a/app/assets/javascripts/initializers/initializeArticleReactions.js b/app/assets/javascripts/initializers/initializeArticleReactions.js index 29e438c37..2ad5c51b0 100644 --- a/app/assets/javascripts/initializers/initializeArticleReactions.js +++ b/app/assets/javascripts/initializers/initializeArticleReactions.js @@ -46,28 +46,6 @@ function showUserReaction(reactionName, animatedClass) { if (reactionDrawerButton && reactionName !== 'readinglist') { reactionDrawerButton.classList.add('user-activated', 'user-animated'); } - - if (animatedClass == 'user-animated') { - const activeIcon = reactionButton.querySelector( - '.crayons-reaction__icon--active img', - ); - - if (activeIcon) { - const activeDrawerIcon = reactionDrawerButton.querySelector( - '.crayons-reaction__icon--active img', - ); - - reactionDrawerButton.originalIcon = activeDrawerIcon.outerHTML; - activeDrawerIcon.outerHTML = activeIcon.outerHTML; - - setTimeout(function () { - document - .getElementById('reaction-drawer-trigger') - .querySelector('.crayons-reaction__icon--active img').outerHTML = - reactionDrawerButton.originalIcon; - }, 1500); - } - } } function hideUserReaction(reactionName) { diff --git a/app/assets/stylesheets/views/article.scss b/app/assets/stylesheets/views/article.scss index c071a922d..9a7bb6dab 100644 --- a/app/assets/stylesheets/views/article.scss +++ b/app/assets/stylesheets/views/article.scss @@ -211,10 +211,6 @@ .crayons-reaction__icon--active { display: block; } - - .crayons-reaction__count { - color: var(--reaction-color); - } } &--like { @@ -444,10 +440,6 @@ } } -.crayons-reaction_total_count { - color: var(--btn-color); // Mobile safari button text blue bug -} - .reaction-drawer__outer:hover .reaction-drawer { @media (min-width: $breakpoint-m) { display: block; diff --git a/app/views/articles/_multiple_reactions.html.erb b/app/views/articles/_multiple_reactions.html.erb index ebef17fa6..ec1e5f656 100644 --- a/app/views/articles/_multiple_reactions.html.erb +++ b/app/views/articles/_multiple_reactions.html.erb @@ -11,7 +11,7 @@ crayons-reaction__icon--active" style="width: 40px; height: 40px"> <%= image_tag "heart-plus-active.svg", aria_hidden: true, height: 24, width: 24 %> - + <%= @article.public_reactions_count %>