Updated Piwik 3 icons (#10589)

* updated our font pack, use some material design icons

* fix sign in icon, better help icon

* fix ui tests

* fix more screenshot tests

* add legal notice and readme

* fix remaining  tests

LEGALNOTICE

@@ -268,6 +268,10 @@ THIRD-PARTY CONTENT
     License: GPL
     By: Alessandro Rei - http://www.kde-look.org/usermanager/search.php?username=mentalrey
 
+    Name: Material icons ("icon-info2" "icon_outline" "icon_settings") in plugins/Morpheus/fonts
+    Link: https://design.google.com/icons/
+    License: Apache License Version 2.0
+
 Notes:
 - the "New BSD" license refers to either the "Modified BSD" and "Simplified BSD"
   licenses (2- or 3-clause), which are GPL compatible.

plugins/CoreAdminHome/Menu.php

@@ -42,7 +42,7 @@ class Menu extends \Piwik\Plugin\Menu
     {
         $url = $this->urlForModuleAction('CoreAdminHome', 'home');
 
-        $menu->registerMenuIcon('CoreAdminHome_Administration', 'icon-configure');
+        $menu->registerMenuIcon('CoreAdminHome_Administration', 'icon-settings');
         $menu->addItem('CoreAdminHome_Administration', null, $url, 980, Piwik::translate('CoreAdminHome_Administration'));
     }
 

plugins/Feedback/Menu.php

@@ -15,7 +15,7 @@ class Menu extends \Piwik\Plugin\Menu
 {
     public function configureTopMenu(MenuTop $menu)
     {
-        $menu->registerMenuIcon('General_Help', 'icon-help');
+        $menu->registerMenuIcon('General_Help', 'icon-info2');
         $menu->addItem('General_Help', null, array('module' => 'Feedback', 'action' => 'index'), $order = 990, Piwik::translate('General_Help'));
     }
 }

plugins/Morpheus/Menu.php

@@ -20,7 +20,7 @@ class Menu extends \Piwik\Plugin\Menu
         $menu->registerMenuIcon('CoreAdminHome_MenuDiagnostic', 'icon-admin-diagnostic');
         $menu->registerMenuIcon('CorePluginsAdmin_MenuPlatform', 'icon-admin-platform');
         $menu->registerMenuIcon('General_Settings', 'icon-admin-settings');
-        $menu->registerMenuIcon('CoreAdminHome_Administration', 'icon-admin-administration');
+        $menu->registerMenuIcon('CoreAdminHome_Administration', 'icon-settings');
         $menu->registerMenuIcon('UsersManager_MenuPersonal', 'icon-user-personal');
         $menu->registerMenuIcon('CoreAdminHome_MenuSystem', 'icon-server');
         $menu->registerMenuIcon('CorePluginsAdmin_MenuPlatform', 'icon-user-platform');

plugins/Morpheus/fonts/README.md

+To change / add / remove icons go to https://icomoon.io/app/ and upload `selection.json`.
+This will allow you to customize the font. When using third party icons don't forget to mention
+them in `LEGALNOTICE`.
\ No newline at end of file

plugins/Morpheus/stylesheets/base/icons.css

 @font-face {
     font-family: 'piwik';
-    src: url('plugins/Morpheus/fonts/piwik.ttf');
+    src: url('plugins/Morpheus/fonts/piwik.woff?42xrcb') format('woff');
     font-weight: normal;
     font-style: normal;
 }
 
 [class^="icon-"], [class*=" icon-"] {
-    font-family: 'piwik';
+    font-family: 'piwik' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
@@ -19,6 +19,15 @@
     -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-settings:before {
+  content: "\e8b8";
+}
+.icon-info2:before {
+    content: "\e88e";
+}
+.icon-info_outline:before {
+    content: "\e88f";
+}
 .icon-alien:before {
     content: "\e600";
 }
@@ -221,10 +230,10 @@
     content: "\e640";
 }
 .icon-user-add:before {
-    content: "\e641";
+    content: "\e642";
 }
 .icon-user:before {
-    content: "\e642";
+    content: "\e641";
 }
 .icon-play:before {
     content: "\e643";

plugins/Morpheus/templates/demo.twig

@@ -612,7 +612,7 @@
                         'success',
                         'help',
                         'help-alt',
-                        'ok',
+                        'ok'
                     ],
                     'Navigation': [
                         'arrow-left',
@@ -702,7 +702,8 @@
                         'tag-cloud',
                         'play',
                         'sign-in',
-                        'sign-out'
+                        'sign-out',
+                        'settings'
                     ],
                 };
 

plugins/Overlay/templates/index.twig

@@ -10,7 +10,7 @@
     <div class="overlay-sidebar-container">
         <a id="overlayTitle" href="http://piwik.org/docs/page-overlay/" rel="noreferrer" target="_blank">
             {{ 'Overlay_Overlay'|translate }}
-            <span class="icon-help"></span>
+            <span class="icon-info2"></span>
         </a>
 
         <div id="overlayDateRangeSelection">