OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action
_menu.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action
_menu.html"> |
2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
3 <link rel="import" href="chrome://resources/html/polymer.html"> | 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
4 <link rel="import" href="chrome://resources/html/icon.html"> | 4 <link rel="import" href="chrome://resources/html/icon.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
6 <link rel="import" href="../controls/extension_controlled_indicator.html"> | 6 <link rel="import" href="../controls/extension_controlled_indicator.html"> |
7 <link rel="import" href="search_engine_dialog.html"> | 7 <link rel="import" href="search_engine_dialog.html"> |
8 <link rel="import" href="search_engine_entry_css.html"> | 8 <link rel="import" href="search_engine_entry_css.html"> |
9 <link rel="import" href="search_engines_browser_proxy.html"> | 9 <link rel="import" href="search_engines_browser_proxy.html"> |
10 <link rel="import" href="../settings_shared_css.html"> | 10 <link rel="import" href="../settings_shared_css.html"> |
11 | 11 |
12 <dom-module id="settings-search-engine-entry"> | 12 <dom-module id="settings-search-engine-entry"> |
13 <template> | 13 <template> |
14 <style include="settings-shared search-engine-entry"> | 14 <style include="settings-shared search-engine-entry"> |
15 :host([is-default]) .list-item { | 15 :host([is-default]) .list-item { |
16 font-weight: 500; | 16 font-weight: 500; |
17 } | 17 } |
18 | 18 |
19 .column { | 19 #name-column { |
| 20 align-items: center; |
| 21 display: flex; |
| 22 } |
| 23 |
| 24 #name-column, |
| 25 #keyword-column { |
| 26 flex: 3; |
| 27 } |
| 28 |
| 29 .favicon-image + div { |
20 -webkit-margin-end: 8px; | 30 -webkit-margin-end: 8px; |
21 flex: 3; | |
22 word-break: break-word; | |
23 } | 31 } |
24 | 32 |
25 #url-column { | 33 #url-column { |
26 flex: 4; | 34 flex: 4; |
27 } | 35 } |
28 | 36 |
29 :host(:not([show-dots_])) paper-icon-button { | 37 :host(:not([show-dots_])) paper-icon-button { |
30 pointer-events: none; | 38 pointer-events: none; |
31 visibility: hidden; | 39 visibility: hidden; |
32 } | 40 } |
33 </style> | 41 </style> |
34 | 42 |
35 <template is="dom-if" if="[[showEditSearchEngineDialog_]]" restamp> | 43 <template is="dom-if" if="[[showEditSearchEngineDialog_]]" restamp> |
36 <settings-search-engine-dialog model="[[engine]]"> | 44 <settings-search-engine-dialog model="[[engine]]"> |
37 </settings-search-engine-dialog> | 45 </settings-search-engine-dialog> |
38 </template> | 46 </template> |
39 <div class="list-item"> | 47 <div class="list-item"> |
40 <div class="favicon-image" | 48 <div id="name-column"> |
41 style="background-image: [[getIconSet_(engine.iconURL)]]"></div> | 49 <div class="favicon-image" |
42 <div class="column">[[engine.displayName]]</div> | 50 style="background-image: [[getIconSet_(engine.iconURL)]]"></div> |
43 <div class="column">[[engine.keyword]]</div> | 51 <div>[[engine.displayName]]</div> |
| 52 </div> |
| 53 <div id="keyword-column">[[engine.keyword]]</div> |
44 <div id="url-column" class="text-elide">[[engine.url]]</div> | 54 <div id="url-column" class="text-elide">[[engine.url]]</div> |
45 <paper-icon-button icon="cr:more-vert" tabindex$="[[tabindex]]" | 55 <paper-icon-button icon="cr:more-vert" tabindex$="[[tabindex]]" |
46 on-tap="onDotsTap_"> | 56 on-tap="onDotsTap_"> |
47 </paper-icon-button> | 57 </paper-icon-button> |
48 <dialog is="cr-action-menu"> | 58 <dialog is="cr-action-menu"> |
49 <button class="dropdown-item" role="option" on-tap="onMakeDefaultTap_" | 59 <button class="dropdown-item" role="option" on-tap="onMakeDefaultTap_" |
50 hidden$="[[!engine.canBeDefault]]" id="makeDefault"> | 60 hidden$="[[!engine.canBeDefault]]" id="makeDefault"> |
51 $i18n{searchEnginesMakeDefault} | 61 $i18n{searchEnginesMakeDefault} |
52 </button> | 62 </button> |
53 <button class="dropdown-item" role="option" on-tap="onEditTap_" | 63 <button class="dropdown-item" role="option" on-tap="onEditTap_" |
54 hidden$="[[!engine.canBeEdited]]" | 64 hidden$="[[!engine.canBeEdited]]" |
55 id="edit">$i18n{searchEnginesEdit}</button> | 65 id="edit">$i18n{searchEnginesEdit}</button> |
56 <button class="dropdown-item" role="option" on-tap="onDeleteTap_" | 66 <button class="dropdown-item" role="option" on-tap="onDeleteTap_" |
57 hidden$="[[!engine.canBeRemoved]]" | 67 hidden$="[[!engine.canBeRemoved]]" |
58 id="delete">$i18n{searchEnginesRemoveFromList}</button> | 68 id="delete">$i18n{searchEnginesRemoveFromList}</button> |
59 </dialog> | 69 </dialog> |
60 </div> | 70 </div> |
61 <template is="dom-if" if="[[engine.extension]]"> | 71 <template is="dom-if" if="[[engine.extension]]"> |
62 <extension-controlled-indicator | 72 <extension-controlled-indicator |
63 extension-id="[[engine.extension.id]]" | 73 extension-id="[[engine.extension.id]]" |
64 extension-name="[[engine.extension.name]]" | 74 extension-name="[[engine.extension.name]]" |
65 extension-can-be-disabled="[[engine.extension.canBeDisabled]]"> | 75 extension-can-be-disabled="[[engine.extension.canBeDisabled]]"> |
66 </extension-controlled-indicator> | 76 </extension-controlled-indicator> |
67 </template> | 77 </template> |
68 </template> | 78 </template> |
69 <script src="search_engine_entry.js"></script> | 79 <script src="search_engine_entry.js"></script> |
70 </dom-module> | 80 </dom-module> |
OLD | NEW |