MD Settings: Introduce CrScrollableBehavior

chrome/browser/resources/settings/on_startup_page/startup_urls_page.html

Index: chrome/browser/resources/settings/on_startup_page/startup_urls_page.html
diff --git a/chrome/browser/resources/settings/on_startup_page/startup_urls_page.html b/chrome/browser/resources/settings/on_startup_page/startup_urls_page.html
index 1e2ee2ac49b76bef9db9176a57020a2b13e92b88..d51298f5d21d5e546ed489081ae57babad3bcb3f 100644
--- a/chrome/browser/resources/settings/on_startup_page/startup_urls_page.html
+++ b/chrome/browser/resources/settings/on_startup_page/startup_urls_page.html
@@ -1,5 +1,7 @@
 <link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_scrollable_behavior.html">
 <link rel="import" href="/settings_shared_css.html">
 <link rel="import" href="/on_startup_page/startup_url_dialog.html">
 <link rel="import" href="/on_startup_page/startup_url_entry.html">
@@ -8,15 +10,24 @@
 <dom-module id="settings-startup-urls-page">
   <template>
     <style include="settings-shared">
-      .list-button {
-        @apply(--settings-actionable);
+      #outer {
+        @apply(--settings-list-frame-padding);
+        max-height: 300px;
+      }
+      #container iron-list > settings-startup-url-entry:not(:first-of-type) {
+        border-top: var(--settings-separator-line);
       }
     </style>
-    <div class="list-frame vertical-list">
-      <template is="dom-repeat" items="[[startupPages_]]">
-        <settings-startup-url-entry model="[[item]]">
-        </settings-startup-url-entry>
-      </template>
+    <div id="outer" class="layout vertical flex">
+      <div id="container" class="layout vertical flex" scrollable>
+        <iron-list items="[[startupPages_]]" scroll-target="container">
+          <template>
+            <settings-startup-url-entry model="[[item]]"
+                tabindex$="[[tabIndex]]">
+            </settings-startup-url-entry>
+          </template>
+        </iron-list>
+      </div>
       <div class="list-item list-button" id="addPage" on-tap="onAddPageTap_">
         $i18n{onStartupAddNewPage}
       </div>