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..2191b215fb3fbec98857e06f359cd68fed59752a 100644
--- a/chrome/browser/resources/settings/settings_ui/settings_ui.js
+++ b/chrome/browser/resources/settings/settings_ui/settings_ui.js
@@ -27,6 +27,25 @@ Polymer({
     },
   },
 
+  listeners: {
+    'iron-select': 'onIronSelect_',

[dschuyler, 2016/05/03 22:57:56]

I may be misunderstanding, but it looks like
iron-select may be fired from a variety of 
elements (unlike the paper-responsive-change
which looks like it's only for the drawer).

Is it reasonable or useful to scope (qualify)
this more? Though maybe it's not a big deal
to remove .narrowing on other things. WDYT

[Dan Beam, 2016/05/03 23:28:37]

Done.

+    'paper-responsive-change': 'onPaperResponsiveChange_',
+  },
+
+  /** @private */
+  onIronSelect_: function() {
+    this.classList.remove('narrowing');
+  },
+
+  /**
+   * @param {!Event} e
+   * @private
+   */
+  onPaperResponsiveChange_: function(e) {
+    e = /** @type {{detail: {narrow: boolean}}} */(e);
+    this.classList.toggle('narrowing', e.detail.narrow);
+  },
+
   /** @private */
   directionDelegateChanged_: function() {
     this.$.panel.rightDrawer = this.directionDelegate.isRtl();