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 |