CRM-16415 - UI icon updates

diff --git a/css/civicrm.css b/css/civicrm.css
index baa41c2caeafa4f4377c78c02863cbd5691ca5f6..5593d274eabe846a559688abad31093e0626a42a 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -2254,15 +2254,6 @@ a.crm-i:hover {
   line-height: inherit;
 }
 
-.crm-container .ui-dialog-titlebar .ui-button .ui-icon[class*=" fa-"] {
-  background: none repeat scroll 0 0 transparent !important;
-  color: #F5F6F1;
-}
-
-.crm-container .ui-dialog-titlebar .ui-button .ui-icon[class*=" fa-"]:hover {
-
-}
-
 .crm-container .crm-button.crm-i-button input[type="button"],
 .crm-container .crm-button.crm-i-button input.crm-form-submit {
   padding-left: 0;
@@ -3303,15 +3294,11 @@ div.m ul#civicrm-menu,
   background-color: transparent;
   background-image: none;
   border: 1px none;
-}
-.crm-container .ui-dialog-titlebar .ui-button .ui-icon {
-  background-image: url("../i/icons/jquery-ui-F5F6F1.png");
+  color: inherit;
 }
 .crm-container .ui-dialog-titlebar .ui-button:hover {
   background-color: #cdcdcd;
-}
-.crm-container .ui-dialog-titlebar .ui-button:hover .ui-icon {
-  background-image: url("../i/icons/jquery-ui-3E3E3E.gif");
+  color: #555;
 }
 
 /*Needed for jstree contextmenu */

diff --git a/css/dashboard.css b/css/dashboard.css
index cae2d31f3f33519d34997e99d8dcd61e15c2f258..58259f2fe6f483cbcfd2070e89f99153e44bcc50 100644 (file)
--- a/css/dashboard.css
+++ b/css/dashboard.css
@@ -95,16 +95,17 @@
 }
 
 #crm-container .widget-controls .crm-i {
-  font-size: 16px;
+  font-size: 14px;
   padding: 0 6px;
+  font-weight: normal;
   float: left;
-  border-radius: 2px;
   cursor: pointer;
   color: #222222;
+  opacity: .7;
 }
 
 #crm-container .widget-controls .crm-i:hover {
-  color: rgba(34, 34, 34, 0.8);
+  opacity: 1;
 }
 
 #crm-container .widget-controls .crm-i.fa-expand,

diff --git a/js/Common.js b/js/Common.js
index 107981b9fe4ac4153bcc5e960eb7ab5a2e73cb60..e69025c3adabd2a5e6bf18bcfdcb24cc7e7b3dc5 100644 (file)
--- a/js/Common.js
+++ b/js/Common.js
@@ -944,6 +944,7 @@ if (!CRM.vars) CRM.vars = {};
         $el.addClass('modal-dialog');
         $('body').css({overflow: 'hidden'});
       }
+      $el.parent().find('.ui-dialog-titlebar .ui-icon-closethick').removeClass('ui-icon-closethick').addClass('fa-times');
       // Add resize button
       if ($el.parent().hasClass('crm-container') && $el.dialog('option', 'resizable')) {
         $el.parent().find('.ui-dialog-titlebar').append($('<button class="crm-dialog-titlebar-resize ui-dialog-titlebar-close" title="'+ts('Toggle fullscreen')+'" style="right:2em;"/>').button({icons: {primary: 'fa-expand'}, text: false}));