[BasicUI] Upgrade to last version of Material icons (#2016)

Move from the outdated official NPM module (material-design-icons) to an
alternative NPM module (material-icons) providing most recent material
icons.

As a consequence, TTF format is no more provided, only WOFF and WOFF2
formats. All current browsers support WOFF format, so only very old
browsers could be impacted by the miss of the TTF format.

Also fix icon size in condensed mode (28x28).

Fixes #2011
Fixes #2015

Signed-off-by: Laurent Garnier <lg.hc@free.fr>

bundles/org.openhab.ui.basic/gulpfile.js

@@ -16,8 +16,7 @@
 
 	var paths = {
 	        FontLibs: [
-			'./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff*',
-			'./node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf',
+			'./node_modules/material-icons/iconfont/material-icons.woff*',
 			'./node_modules/framework7-icons/fonts/Framework7Icons-Regular.woff*',
 			'./node_modules/framework7-icons/fonts/Framework7Icons-Regular.ttf'
 	        ]

bundles/org.openhab.ui.basic/package.json

@@ -10,7 +10,7 @@
     "gulp-eslint": "^6.0.0",
     "gulp-sass": "^5.0.0",
     "gulp-uglify": "^3.0.2",
-    "material-design-icons": "^3.0.1",
+    "material-icons": "^1.13.9",
     "framework7-icons": "^5.0.5",
     "node-sass": "^8.0.0"
   }

bundles/org.openhab.ui.basic/src/main/resources/snippets/icon_framework7.html

@@ -1 +1 @@
-<spam class="f7-icons">%icon_name%</spam>
+<span class="f7-icons">%icon_name%</span>

bundles/org.openhab.ui.basic/src/main/resources/snippets/icon_material.html

@@ -1 +1 @@
-<spam class="material-icons md-oh">%icon_name%</spam>
+<span class="material-icons">%icon_name%</span>

bundles/org.openhab.ui.basic/src/main/resources/web/material-icons.css

@@ -4,9 +4,8 @@
   font-weight: 400;
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
-       url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
-       url(fonts/MaterialIcons-Regular.woff) format('woff'),
-       url(fonts/MaterialIcons-Regular.ttf) format('truetype');
+       url(fonts/material-icons.woff2) format('woff2'),
+       url(fonts/material-icons.woff) format('woff');
 }
 
 .material-icons {
@@ -21,6 +20,8 @@
   text-transform: none;
   letter-spacing: normal;
   word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
 
   /* Support for all WebKit browsers. */
   -webkit-font-smoothing: antialiased;
@@ -33,14 +34,3 @@
   /* Support for IE. */
   font-feature-settings: 'liga';
 }
-
-.material-icons.md-oh {
-	font-size: 32px;
-	vertical-align: middle;
-	html:not(.ui-icons-enabled) & {
-		display: none;
-	}
-	html.ui-layout-condensed & {
-		font-size: 28px;
-	}
-}

bundles/org.openhab.ui.basic/web-src/_layout.scss

@@ -170,6 +170,7 @@
 				font-size: 28px;
 			}
 		}
+		.material-icons,
 		.f7-icons {
 			font-size: 32px;
 			vertical-align: middle;