OLD | NEW |
---|---|
1 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.ht ml"> |
2 <link rel="import" href="chrome://resources/html/cr.html"> | 2 <link rel="import" href="chrome://resources/html/cr.html"> |
3 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> | 3 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
4 <link rel="import" href="chrome://resources/html/polymer.html"> | 4 <link rel="import" href="chrome://resources/html/polymer.html"> |
5 <link rel="import" href="chrome://resources/html/promise_resolver.html"> | 5 <link rel="import" href="chrome://resources/html/promise_resolver.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/pape r-header-panel.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/pape r-header-panel.html"> |
7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani matable.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani matable.html"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani mated-pages.html"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani mated-pages.html"> |
9 <link rel="import" href="chrome://extensions/detail_view.html"> | 9 <link rel="import" href="chrome://extensions/detail_view.html"> |
10 <link rel="import" href="chrome://extensions/drop_overlay.html"> | 10 <link rel="import" href="chrome://extensions/drop_overlay.html"> |
11 <link rel="import" href="chrome://extensions/error_page.html"> | 11 <link rel="import" href="chrome://extensions/error_page.html"> |
12 <link rel="import" href="chrome://extensions/item_list.html"> | 12 <link rel="import" href="chrome://extensions/item_list.html"> |
13 <link rel="import" href="chrome://extensions/keyboard_shortcuts.html"> | 13 <link rel="import" href="chrome://extensions/keyboard_shortcuts.html"> |
14 <link rel="import" href="chrome://extensions/options_dialog.html"> | 14 <link rel="import" href="chrome://extensions/options_dialog.html"> |
15 <link rel="import" href="chrome://extensions/pack_dialog.html"> | 15 <link rel="import" href="chrome://extensions/pack_dialog.html"> |
16 <link rel="import" href="chrome://extensions/service.html"> | 16 <link rel="import" href="chrome://extensions/service.html"> |
17 <link rel="import" href="chrome://extensions/sidebar.html"> | 17 <link rel="import" href="chrome://extensions/sidebar.html"> |
18 <link rel="stylesheet" href="chrome://resources/css/md_colors.css"> | |
18 | 19 |
19 <dom-module id="extensions-manager"> | 20 <dom-module id="extensions-manager"> |
20 <template> | 21 <template> |
21 <style> | 22 <style> |
22 [hidden] { | 23 [hidden] { |
23 display: none !important; | 24 display: none !important; |
24 } | 25 } |
25 | 26 |
26 :host { | 27 :host { |
27 height: 100%; | 28 height: 100%; |
28 } | 29 } |
29 | 30 |
30 #panel { | 31 #panel { |
31 --paper-header-panel-standard-container: { | 32 --paper-header-panel-standard-container: { |
32 display: flex; | 33 display: flex; |
33 }; | 34 }; |
34 } | 35 } |
35 | 36 |
37 extensions-sidebar { | |
38 flex-basis: 256px; | |
39 } | |
40 | |
36 #pages { | 41 #pages { |
37 -webkit-margin-start: 30px; | 42 -webkit-margin-start: 30px; |
43 flex-grow: 1; | |
38 overflow-y: auto; | 44 overflow-y: auto; |
39 padding-bottom: 30px; | 45 padding-bottom: 30px; |
40 width: 100%; | |
41 } | 46 } |
42 | 47 |
43 extensions-item { | 48 extensions-item { |
44 display: inline-block; | 49 display: inline-block; |
45 } | 50 } |
46 | 51 |
47 .paper-header { | 52 cr-toolbar { |
48 align-items: center; | 53 /* TODO(tsergeant): Remove the extra 30px margin from #pages so the |
49 background: rgb(63, 85, 102); | 54 search field aligns with History. */ |
tsergeant
2016/11/29 04:23:05
With this CL, the search field is centered relativ
| |
50 color: white; | 55 --cr-toolbar-field-margin: 286px; |
51 display: flex; | 56 background: var(--md-toolbar-color); |
52 height: 56px; | 57 font-size: 13px; |
53 } | |
54 | |
55 .paper-header cr-search-field { | |
56 -webkit-padding-end: 10px; | |
57 } | |
58 | |
59 .paper-header h1 { | |
60 -webkit-margin-start: 24px; | |
61 flex: 1; | |
62 font-size: 107.7%; | |
63 font-weight: normal; | |
64 margin-bottom: 0; | |
65 margin-top: 0; | |
66 } | 58 } |
67 </style> | 59 </style> |
68 <extensions-drop-overlay></extensions-drop-overlay> | 60 <extensions-drop-overlay></extensions-drop-overlay> |
69 <paper-header-panel id="panel"> | 61 <paper-header-panel id="panel"> |
70 <div class="paper-header"> | 62 <cr-toolbar class="paper-header" |
71 <h1>$i18n{toolbarTitle}</h1> | 63 page-name="$i18n{toolbarTitle}" |
72 <cr-search-field label="$i18n{search}" | 64 search-prompt="$i18n{search}" |
73 on-search-changed="onFilterChanged_"></cr-search-field> | 65 clear-label="$i18n{clearSearch}" |
74 </div> | 66 on-search-changed="onFilterChanged_"> |
67 </cr-toolbar> | |
75 <extensions-sidebar in-dev-mode="[[inDevMode]]"> | 68 <extensions-sidebar in-dev-mode="[[inDevMode]]"> |
76 </extensions-sidebar> | 69 </extensions-sidebar> |
77 <neon-animated-pages id="pages" selected="0"> | 70 <neon-animated-pages id="pages" selected="0"> |
78 <extensions-item-list id="items-list" items="[[extensions]]" | 71 <extensions-item-list id="items-list" items="[[extensions]]" |
79 delegate="[[itemDelegate]]" in-dev-mode="[[inDevMode]]" | 72 delegate="[[itemDelegate]]" in-dev-mode="[[inDevMode]]" |
80 filter="[[filter]]" | 73 filter="[[filter]]" |
81 hidden$="[[computeListHidden_(extensions, extensions.splices, apps, apps.splices)]]"> | 74 hidden$="[[computeListHidden_(extensions, extensions.splices, apps, apps.splices)]]"> |
82 </extensions-item-list> | 75 </extensions-item-list> |
83 <extensions-detail-view id="details-view" delegate="[[itemDelegate]]" | 76 <extensions-detail-view id="details-view" delegate="[[itemDelegate]]" |
84 on-close="onDetailsViewClose_"> | 77 on-close="onDetailsViewClose_"> |
85 </extensions-detail-view> | 78 </extensions-detail-view> |
86 <extensions-keyboard-shortcuts id="keyboard-shortcuts" | 79 <extensions-keyboard-shortcuts id="keyboard-shortcuts" |
87 items="[[extensions]]"> | 80 items="[[extensions]]"> |
88 </extensions-keyboard-shortcuts> | 81 </extensions-keyboard-shortcuts> |
89 <extensions-error-page id="error-page" on-close="onErrorPageClose_"> | 82 <extensions-error-page id="error-page" on-close="onErrorPageClose_"> |
90 </extensions-error-page> | 83 </extensions-error-page> |
91 </neon-animated-pages> | 84 </neon-animated-pages> |
92 <extensions-options-dialog id="options-dialog"> | 85 <extensions-options-dialog id="options-dialog"> |
93 </extensions-options-dialog> | 86 </extensions-options-dialog> |
94 <extensions-pack-dialog id="pack-dialog"></extensions-pack-dialog> | 87 <extensions-pack-dialog id="pack-dialog"></extensions-pack-dialog> |
95 </paper-header-panel> | 88 </paper-header-panel> |
96 </template> | 89 </template> |
97 <script src="chrome://extensions/manager.js"></script> | 90 <script src="chrome://extensions/manager.js"></script> |
98 </dom-module> | 91 </dom-module> |
OLD | NEW |