MD Settings: Migrating site_details_permission to native select.

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

Index: chrome/browser/resources/settings/site_settings/site_details_permission.html
diff --git a/chrome/browser/resources/settings/site_settings/site_details_permission.html b/chrome/browser/resources/settings/site_settings/site_details_permission.html
index f3dab43baddf356cde72ac0021f276bed8d18fa6..a2ac435fa0e199c4b1c4cbb0b50173387772bef8 100644
--- a/chrome/browser/resources/settings/site_settings/site_details_permission.html
+++ b/chrome/browser/resources/settings/site_settings/site_details_permission.html
@@ -1,8 +1,7 @@
 <link rel="import" href="chrome://resources/html/polymer.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-dropdown-menu/paper-dropdown-menu-light.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-listbox.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
+<link rel="import" href="/md_select_css.html">
 <link rel="import" href="/settings_shared_css.html">
 <link rel="import" href="/site_settings/constants.html">
 <link rel="import" href="/site_settings/site_settings_behavior.html">
@@ -10,7 +9,7 @@
 
 <dom-module id="site-details-permission">
   <template>
-    <style include="settings-shared"></style>
+    <style include="settings-shared md-select"></style>
     <div id="details" hidden>
       <div class="list-item underbar">
         <div>
@@ -20,26 +19,22 @@
         <div class="middle" id="permissionHeader">
           [[computeTitleForContentCategory(category)]]
         </div>
-        <paper-dropdown-menu-light vertical-align="auto" no-label-float
-            disabled$="[[isExceptionControlled_(site.source)]]">
-          <paper-listbox id="permission" class="dropdown-content"
-              on-iron-activate="onPermissionMenuIronActivate_"
-              attr-for-selected="data-permission-value">
-            <button id="allow" class="dropdown-item" role="option"
-                data-permission-value$="[[PermissionValues.ALLOW]]">
+        <div class="md-select-wrapper">
+          <select id="permission" class="md-select"
+              on-change="onPermissionSelectionChange_">
+            <option id="allow" value$="[[PermissionValues.ALLOW]]">
               $i18n{siteSettingsActionAllow}
-            </button>
-            <button id="block" class="dropdown-item" role="option"
-                data-permission-value$="[[PermissionValues.BLOCK]]">
+            </option>
+            <option id="block" value$="[[PermissionValues.BLOCK]]">
               $i18n{siteSettingsActionBlock}
-            </button>
-            <button id="sessionOnly" class="dropdown-item" role="option"
-                data-permission-value$="[[PermissionValues.SESSION_ONLY]]"
+            </option>
+            <option id="sessionOnly" value$="[[PermissionValues.SESSION_ONLY]]"
                 hidden$="[[!isCookiesCategory_(category)]]">
               $i18n{siteSettingsActionSessionOnly}
-            </button>
-          </paper-listbox>
-        </paper-dropdown-menu-light>
+            </option>
+          </select>
+          <span class="md-select-underline"></span>
+        </div>
       </div>
     </div>
   </template>