MD Settings: Migrate from paper-drawer-panel to app-drawer.

chrome/browser/resources/settings/settings_ui/settings_ui.js

Index: chrome/browser/resources/settings/settings_ui/settings_ui.js
diff --git a/chrome/browser/resources/settings/settings_ui/settings_ui.js b/chrome/browser/resources/settings/settings_ui/settings_ui.js
index f963adaa2ab6d45e5fed845944a5a9269c47c1ba..a952834841c994c4332d7a6ec6b4f56ec1a48fdc 100644
--- a/chrome/browser/resources/settings/settings_ui/settings_ui.js
+++ b/chrome/browser/resources/settings/settings_ui/settings_ui.js
@@ -33,11 +33,15 @@ Polymer({
 
   /** @private */
   onIronActivate_: function() {
-    this.$.panel.closeDrawer();
+    this.$$('app-drawer').close();
   },
 
   /** @private */
   directionDelegateChanged_: function() {
-    this.$.panel.rightDrawer = this.directionDelegate.isRtl();
+    //this.$.panel.rightDrawer = this.directionDelegate.isRtl();

[dpapad, 2016/06/20 17:16:17]

This should no longer be necessary, because app-drawer supports align="start"
which should work for both RTL and LTR according to docs [1], but there seems to
be a bug at [2]. Seems like a race condition where at the time it is called
during startup returns LTR, and only changes to RTL after it is no longer
called. Needs further investigation. Filed
https://github.com/PolymerElements/app-layout/issues/247.

[1]
https://elements.polymer-project.org/elements/app-layout?active=app-drawer#pr...
[2]
https://cs.chromium.org/chromium/src/third_party/polymer/v1_0/components-chro...

+  },
+
+  onMenuButtonTap_: function() {
+    this.$$('app-drawer').toggle();
   },
 });