demo: Change the menu icon to settings icon

The menu icon does not give any clue what is in the menu. A settings icon is much clearer, and hopefully will make the demo settings easier to discover. Change-Id: I198a1f628d11533c8f97dc861c1e8ecb55fa46e1
laurilopes · Oct 6, 2020 · e717396 · e717396
1 parent 1e1b3be
commit e717396
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/demo/main.js b/demo/main.js
@@ -70,6 +70,10 @@ shakaDemo.Main = class {
 
     /** @private {?number} */
     this.currentErrorSeverity_ = null;
+
+    // Override the icon for the MDL library's menu button.
+    // eslint-disable-next-line no-restricted-syntax
+    MaterialLayout.prototype.Constant_.MENU_ICON = 'settings';
   }
 
   /**

diff --git a/externs/mdl.js b/externs/mdl.js
@@ -22,5 +22,11 @@ const MaterialLayout = class {
   toggleDrawer() {}
 };
 
+/** @const */
+MaterialLayout.prototype.Constant_ = {};
+
+/** @type {string} */
+MaterialLayout.prototype.Constant_.MENU_ICON;
+
 /** @const {?MaterialLayout} */
 Element.prototype.MaterialLayout;