MD History: promote menu button to show clear browsing data in narrow mode

chrome/browser/resources/md_history/history_toolbar.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-dropdown/iron-dropdown.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tabs/paper-tab.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tabs/paper-tabs.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_lazy_render/cr_lazy_render.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.html">
+<link rel="import" href="chrome://history/browser_service.html">
 <link rel="import" href="chrome://history/icons.html">
 <link rel="import" href="chrome://history/shared_style.html">
 
 <dom-module id="history-toolbar">
   <template>
     <style include="shared-style">
       :host {
         color: #fff;
         display: block;
         transition: background-color 150ms;
@@ skipping 133 matching lines @@
         text-align: right;
         text-overflow: ellipsis;
         white-space: nowrap;
       }
 
       :host-context([dir=rtl]) .rtl-reversible {
         transform: rotate(180deg);
       }
     </style>
     <div id="toolbar-container">
-      <cr-toolbar id="main-toolbar" page-name="$i18n{title}"
-          clear-label="$i18n{clearSearch}" search-prompt="$i18n{searchPrompt}"
-          hidden$="[[itemsSelected_]]" spinner-active="[[spinnerActive]]"
-          show-menu="[[hasDrawer]]" menu-label="$i18n{historyMenuButton}"
-          on-search-changed="onSearchChanged_">
+      <cr-toolbar id="main-toolbar"
+          page-name="$i18n{title}"
+          clear-label="$i18n{clearSearch}"
+          search-prompt="$i18n{searchPrompt}"
+          hidden$="[[itemsSelected_]]"
+          spinner-active="[[spinnerActive]]"
+          show-menu="[[hasDrawer]]"
+          show-menu-promo="[[showMenuPromo_]]"
+          menu-label="$i18n{historyMenuButton}"
+          menu-promo="$i18n{menuPromo}"
+          close-menu-promo="$i18n{closeMenuPromo}"
+          on-search-changed="onSearchChanged_"
+          on-cr-menu-promo-shown="onMenuPromoShown_">
         <div class="more-actions">
           <template is="dom-if" if="[[showSyncNotice]]">
             <button is="paper-icon-button-light" id="info-button"
                 on-tap="onInfoButtonTap_"
                 aria-label="$i18n{hasSyncedResultsDescription}">
               <iron-icon icon="history:info-outline" id="info-button-icon">
               </iron-icon>
             </button>
           </template>
         </div>
@@ skipping 42 matching lines @@
               class="rtl-reversible"></paper-icon-button>
           <paper-icon-button icon="cr:chevron-right"
               alt="$i18n{rangeNext}" title="$i18n{rangeNext}"
               class="rtl-reversible"></paper-icon-button>
         </div>
       </div>
     </template>
   </template>
   <script src="chrome://history/history_toolbar.js"></script>
 </dom-module>