Merge pull request #10615 from abpframework/cms-kit/reaction-popover-fix

Cms Kit - Reaction Popover Fix

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.css

@@ -1,11 +1,13 @@
 .cms-reaction-select-icon, .cms-reaction-icon {
     cursor: pointer;
 }
-.cms-reaction-selection-popover-content i.fa-2x{
+
+.cms-reaction-selection-popover-content i.fa-2x {
     width: 25%;
     display: inline-block;
     float: left;
 }
+
 .reaction-in-comment span.area-title {
     display: none;
 }
@@ -15,6 +17,11 @@ span.area-title {
     padding: 3px;
     display: block;
 }
+
 .popover {
     min-width: 276px;
-}
+}
+
+.cms-reaction-icon-selected {
+    font-weight: bold;
+}

modules/cms-kit/src/Volo.CmsKit.Public.Web/Pages/CmsKit/Shared/Components/ReactionSelection/default.js

@@ -1,12 +1,13 @@
-(function ($) {
+$(document).ready(function () {
-
-    var l = abp.localization.getResource('CmsKit');
-
     var myDefaultAllowList = $.fn.tooltip.Constructor.Default.allowList;
 
     if (myDefaultAllowList.span.indexOf('data-reaction-name') < 0) {
         myDefaultAllowList.span.push('data-reaction-name');
     }
+});
+
+(function ($) {
+    var l = abp.localization.getResource('CmsKit');
 
     abp.widgets.CmsReactionSelection = function ($widget) {
         var widgetManager = $widget.data('abp-widget-manager');