MD History: Show sidebar next to content on wide screens

chrome/browser/resources/md_history/side_bar.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 Polymer({
   is: 'history-side-bar',
 
   properties: {
     selectedPage: {
       type: String,
       notify: true
     },
 
     route: Object,
 
     showFooter: Boolean,
+
+    // If true, the sidebar is contained within an app-drawer.
+    drawer: {
+      type: Boolean,
+      reflectToAttribute: true
+    },
   },
 
-  toggle: function() {
-    this.$.drawer.toggle();
-  },
-
-  /** @private */
-  onDrawerFocus_: function() {
+  focusCurrentPage: function() {
     // The desired behavior is for the app-drawer to focus the currently
     // selected menu item on opening. However, it will always focus the first
     // focusable child. Therefore, we set tabindex=0 on the app-drawer so that
     // it will focus itself and then immediately delegate focus to the selected
     // item in this listener.
     this.$.menu.selectedItem.focus();
   },
 
   /** @private */
   onSelectorActivate_: function() {
-    this.$.drawer.close();
+    this.fire('history-close-drawer');
   },
 
   /**
    * Relocates the user to the clear browsing data section of the settings page.
    * @param {Event} e
    * @private
    */
   onClearBrowsingDataTap_: function(e) {
     md_history.BrowserService.getInstance().openClearBrowsingData();
     e.preventDefault();
   },
 
   /**
    * @param {Object} route
    * @private
    */
   getQueryString_: function(route) {
     return window.location.search;
   }
 });