MD Settings: make the background color of the collapsed nav drawer white

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 9e5a531d3d0e221e38653a0a11fe3a59d86361ad..ebd72d3c9291156d6ee95069da506804a7856775 100644
--- a/chrome/browser/resources/settings/settings_ui/settings_ui.js
+++ b/chrome/browser/resources/settings/settings_ui/settings_ui.js
@@ -27,6 +27,29 @@ Polymer({
     },
   },
 
+  listeners: {
+    'iron-select': 'onIronSelect_',
+    'paper-responsive-change': 'onPaperResponsiveChange_',
+  },
+
+  /**
+   * @param {!CustomEvent} e
+   * @private
+   */
+  onIronSelect_: function(e) {
+    if (Polymer.dom(e).path.indexOf(this.$.panel) >= 0)
+      this.classList.remove('narrowing');
+  },
+
+  /**
+   * @param {!CustomEvent} e
+   * @private
+   */
+  onPaperResponsiveChange_: function(e) {
+    if (Polymer.dom(e).rootTarget == this.$.panel)
+      this.classList.toggle('narrowing', e.detail.narrow);
+  },
+
   /** @private */
   directionDelegateChanged_: function() {
     this.$.panel.rightDrawer = this.directionDelegate.isRtl();