Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1233)

Side by Side Diff: chrome/browser/resources/settings/search_engines_page/search_engines_list.html

Issue 2693253002: MD Settings: Restore Search engines table headers. (Closed)
Patch Set: fx tests Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698