Site Settings Desktop: Switch out paper-menu for iron-dropdown.

chrome/browser/resources/settings/site_settings/site_list.html

 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.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.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-menu/paper-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submenu.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-menu-button/paper-menu-button.html">
 <link rel="import" href="/i18n_setup.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_shared_css.html">
 <link rel="import" href="/site_settings/add_site_dialog.html">
 <link rel="import" href="/site_settings/constants.html">
 <link rel="import" href="/site_settings/site_settings_behavior.html">
 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html">
 
 <dom-module id="site-list">
   <template>
     <style include="settings-shared">
-      paper-menu-button {
+      paper-icon-button {
         left: 8px;
-        margin: 0;
-        padding: 0;
         right: 8px;
       }
 
       .selectable {
         -webkit-user-select: text;
       }
     </style>
     <paper-submenu id="category" hidden
         on-paper-submenu-open="onToggle_" on-paper-submenu-close="onToggle_">
       <div class="menu-trigger settings-box" hidden$="[[allSites]]" actionable>
@@ skipping 16 matching lines @@
                 <div class="selectable secondary">
                   [[computeSiteDescription_(item)]]
                 </div>
               </div>
             </div>
 
             <template is="dom-if" if="[[!!computeIconControlledBy_(item)]]">
               <iron-icon icon="[[computeIconControlledBy_(item)]]"></iron-icon>
             </template>
 
-            <paper-menu-button hidden="[[!shouldShowMenu_(item.source)]]"
-                horizontal-align="right">
-              <paper-icon-button icon="cr:more-vert" class="dropdown-trigger">
-              </paper-icon-button>
-              <paper-menu id="actionMenu" class="dropdown-content"
-                  on-iron-activate="onActionMenuIronActivate_"
-                  attr-for-selected="menu-value">
-                <paper-item
-                    hidden="[[!showAllowAction_]]" actionable
-                    menu-value$="[[PermissionValues.ALLOW]]">
-                  $i18n{siteSettingsActionAllow}
-                </paper-item>
-                <paper-item
-                    hidden="[[!showBlockAction_]]" actionable
-                    menu-value$="[[PermissionValues.BLOCK]]">
-                  $i18n{siteSettingsActionBlock}
-                </paper-item>
-                <paper-item
-                    hidden="[[!showSessionOnlyActionForSite_(item)]]" actionable
-                    menu-value$="[[PermissionValues.SESSION_ONLY]]">
-                  $i18n{siteSettingsActionSessionOnly}
-                </paper-item>
-                <paper-item
-                    menu-value$="[[PermissionValues.DEFAULT]]" actionable>
-                  $i18n{siteSettingsActionReset}
-                </paper-item>
-              </paper-menu>
-            </paper-menu-button>
-            <div on-tap="onOriginTap_" actionable>
-              <button class="icon-arrow-right" is="paper-icon-button-light">
-              </button>
-            </div>
+            <paper-icon-button id="dots" icon="cr:more-vert" toggles
+                  active="{{item.menuOpened}}"
+                  hidden="[[isExceptionControlled_(item.source)]]">
+            </paper-icon-button>
+            <template is="dom-if" if="[[item.menuOpened]]">
+              <iron-dropdown vertical-align="auto" horizontal-align="right"
+                  opened="{{item.menuOpened}}">
+                <div class="dropdown-content">
+                  <button class="dropdown-item" role="option" id="allow"
+                      on-tap="onAllowTap_" hidden$="[[!showAllowAction_]]">
+                    $i18n{siteSettingsActionAllow}
+                  </button>
+                  <button class="dropdown-item" role="option" id="block"
+                      on-tap="onBlockTap_" hidden$="[[!showBlockAction_]]">
+                    $i18n{siteSettingsActionBlock}
+                  </button>
+                  <button class="dropdown-item" role="option" id="sessionOnly"
+                      on-tap="onSessionOnlyTap_"
+                      hidden$="[[!showSessionOnlyActionForSite_(item)]]">
+                    $i18n{siteSettingsActionSessionOnly}
+                  </button>
+                  <button class="dropdown-item" role="option" id="reset"
+                      on-tap="onResetTap_">
+                    $i18n{siteSettingsActionReset}
+                  </button>
+                </div>
+              </iron-dropdown>
+            </template>
           </div>
         </template>
 
         <template is="dom-if" if="[[!allSites]]">
           <div class="list-item list-button" on-tap="onAddSiteTap_">
             $i18n{addSiteLink}
           </div>
         </template>
       </div>
     </paper-submenu>
   </template>
   <script src="site_list.js"></script>
 </dom-module>