| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| 2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm
l"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm
l"> |
| 4 <link rel="import" href="../global_scroll_target_behavior.html"> | 4 <link rel="import" href="../global_scroll_target_behavior.html"> |
| 5 <link rel="import" href="../settings_vars_css.html"> |
| 5 <link rel="import" href="search_engine_entry.html"> | 6 <link rel="import" href="search_engine_entry.html"> |
| 6 | 7 |
| 7 <dom-module id="settings-search-engines-list"> | 8 <dom-module id="settings-search-engines-list"> |
| 8 <template> | 9 <template> |
| 9 <style include="cr-shared-style"> | 10 <style include="cr-shared-style"> |
| 10 .headers { | 11 .headers { |
| 11 display: flex; | 12 display: flex; |
| 12 padding: 10px 0; | 13 padding: 10px 0; |
| 13 } | 14 } |
| 14 | 15 |
| 15 .headers .name, | 16 .headers .name, |
| 16 .headers .keyword { | 17 .headers .keyword { |
| 17 flex: 3; | 18 flex: 3; |
| 18 } | 19 } |
| 19 | 20 |
| 20 .headers .url { | 21 .headers .url { |
| 21 flex: 4.5; | 22 flex: 4; |
| 22 } | 23 } |
| 23 | 24 |
| 24 div#outer { | 25 div#outer { |
| 25 @apply(--settings-list-frame-padding); | 26 @apply(--settings-list-frame-padding); |
| 26 } | 27 } |
| 27 | 28 |
| 28 settings-search-engine-entry { | 29 settings-search-engine-entry { |
| 29 border-top: var(--settings-separator-line); | 30 border-top: var(--settings-separator-line); |
| 30 } | 31 } |
| 31 | 32 |
| 32 settings-search-engine-entry:first-of-type { | 33 .icon-placeholder { |
| 33 border-top: none; | 34 width: calc(var(--iron-icon-width) + 2 * 10px); |
| 34 } | 35 } |
| 35 </style> | 36 </style> |
| 36 <div id="outer"> | 37 <div id="outer"> |
| 37 <content></content> | 38 <div class="headers" hidden$="[[hideHeaders]]"> |
| 39 <div class="name">$i18n{searchEnginesSearchEngine}</div> |
| 40 <div class="keyword">$i18n{searchEnginesKeyword}</div> |
| 41 <div class="url">$i18n{searchEnginesQueryURL}</div> |
| 42 <div class="icon-placeholder"></div> |
| 43 </div> |
| 38 <div id="container" class="scroll-container"> | 44 <div id="container" class="scroll-container"> |
| 39 <iron-list items="[[engines]]" scroll-target="[[subpageScrollTarget]]"> | 45 <iron-list items="[[engines]]" scroll-target="[[subpageScrollTarget]]"> |
| 40 <template> | 46 <template> |
| 41 <settings-search-engine-entry engine="[[item]]" | 47 <settings-search-engine-entry engine="[[item]]" |
| 42 tabindex$="[[tabIndex]]"> | 48 tabindex$="[[tabIndex]]"> |
| 43 </settings-search-engine-entry> | 49 </settings-search-engine-entry> |
| 44 </template> | 50 </template> |
| 45 </iron-list> | 51 </iron-list> |
| 46 </div> | 52 </div> |
| 47 </div> | 53 </div> |
| 48 </template> | 54 </template> |
| 49 <script src="search_engines_list.js"></script> | 55 <script src="search_engines_list.js"></script> |
| 50 </dom-module> | 56 </dom-module> |
| OLD | NEW |