CRM-21241 nav menu: spinning logo should be centered and spin smoothly

----------------------------------------
* CRM-21241: Spinning logo is too jumpy
  https://issues.civicrm.org/jira/browse/CRM-21241

diff --git a/css/civicrmNavigation.css b/css/civicrmNavigation.css
index 18bc29f25c2eb0df4365c0d83e4f7f255104aee1..1ec8ce495627af33948f89ddc57c5d850888b550 100644 (file)
--- a/css/civicrmNavigation.css
+++ b/css/civicrmNavigation.css
@@ -129,11 +129,11 @@ li.menu-separator{
 }
 #civicrm-menu .crm-logo-sm,
 .crm-container .crm-logo-sm {
-  background: url('../i/item_sprites.png') no-repeat scroll -80px -16px;
+  background: url('../i/logo_sm.png') no-repeat;
   display: inline-block;
   width: 16px;
   height: 16px;
-  vertical-align:middle;
+  vertical-align: middle;
 }
 
 #civicrm-menu .ui-autocomplete-input,

diff --git a/i/logo_sm.png b/i/logo_sm.png
new file mode 100644 (file)
index 0000000..0501f53
Binary files /dev/null and b/i/logo_sm.png differ

diff --git a/templates/CRM/common/navigation.js.tpl b/templates/CRM/common/navigation.js.tpl
index 7d26bce704bb42250deb85aca7aa5784579febdb..9ed7aa7c45266a68635b1e8e10a64102c5293ec8 100644 (file)
--- a/templates/CRM/common/navigation.js.tpl
+++ b/templates/CRM/common/navigation.js.tpl
@@ -93,7 +93,7 @@ $('#civicrm-menu').ready(function() {
     .autocomplete({
       source: function(request, response) {
         //start spinning the civi logo
-        $('.crm-logo-sm').addClass('crm-i fa-spin fa-pulse');
+        $('.crm-logo-sm').addClass('crm-i fa-spin');
         var
           option = $('input[name=quickSearchField]:checked'),
           params = {
@@ -120,7 +120,7 @@ $('#civicrm-menu').ready(function() {
           }
           response(ret);
           //stop spinning the civi logo
-          $('.crm-logo-sm').removeClass('crm-i fa-spin fa-pulse');          
+          $('.crm-logo-sm').removeClass('crm-i fa-spin');
         })
       },
       focus: function (event, ui) {
@@ -209,6 +209,6 @@ $('#civicrm-menu').ready(function() {
 });
 $('#civicrm-menu').menuBar({arrowSrc: CRM.config.resourceBase + 'packages/jquery/css/images/arrow.png'});
 $(window).on("beforeunload", function() {
-  $('.crm-logo-sm', '#civicrm-menu').addClass('crm-i fa-spin fa-pulse');
+  $('.crm-logo-sm', '#civicrm-menu').addClass('crm-i fa-spin');
 });
 })(CRM.$);{/literal}