OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 <link rel="import" href="chrome://resources/html/cr/ui.html"> | 2 <link rel="import" href="chrome://resources/html/cr/ui.html"> |
3 <link rel="import" href="chrome://resources/html/cr/ui/command.html"> | 3 <link rel="import" href="chrome://resources/html/cr/ui/command.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-m
edia-query.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-m
edia-query.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-pages/iron-pages.h
tml"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/iron-pages/iron-pages.h
tml"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-scroll-target-beha
vior/iron-scroll-target-behavior.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-scroll-target-beha
vior/iron-scroll-target-behavior.html"> |
7 <link rel="import" href="chrome://history/history_toolbar.html"> | 7 <link rel="import" href="chrome://history/history_toolbar.html"> |
8 <link rel="import" href="chrome://history/list_container.html"> | 8 <link rel="import" href="chrome://history/list_container.html"> |
9 <link rel="import" href="chrome://history/router.html"> | 9 <link rel="import" href="chrome://history/router.html"> |
10 <link rel="import" href="chrome://history/shared_style.html"> | 10 <link rel="import" href="chrome://history/shared_style.html"> |
11 <link rel="import" href="chrome://history/side_bar.html"> | 11 <link rel="import" href="chrome://history/side_bar.html"> |
12 <link rel="stylesheet" href="chrome://resources/css/md_colors.css"> | 12 <link rel="stylesheet" href="chrome://resources/css/md_colors.css"> |
13 | 13 |
14 <!-- Lazy loaded: history-synced-device-manager, app-drawer. --> | 14 <!-- Lazy loaded: history-synced-device-manager, app-drawer. --> |
15 | 15 |
16 <dom-module id="history-app"> | 16 <dom-module id="history-app"> |
17 <template> | 17 <template> |
18 <style no-process> | |
19 history-toolbar { | |
20 background: var(--md-toolbar-color); | |
21 } | |
22 </style> | |
23 <style include="shared-style"> | 18 <style include="shared-style"> |
24 :host { | 19 :host { |
25 display: block; | 20 display: block; |
26 height: 100%; | 21 height: 100%; |
27 overflow: hidden; | 22 overflow: hidden; |
28 } | 23 } |
29 | 24 |
| 25 history-toolbar { |
| 26 background: var(--md-toolbar-color); |
| 27 } |
| 28 |
30 /* Sizing this with flex causes slow load performance, see | 29 /* Sizing this with flex causes slow load performance, see |
31 * crbug.com/618153. TODO(dbeam): is this still an issue? */ | 30 * crbug.com/618153. TODO(dbeam): is this still an issue? */ |
32 #main-container { | 31 #main-container { |
33 height: calc(100% - var(--toolbar-height)); | 32 height: calc(100% - var(--toolbar-height)); |
34 position: relative; | 33 position: relative; |
35 } | 34 } |
36 | 35 |
37 :host([grouped_]) #main-container { | 36 :host([grouped_]) #main-container { |
38 height: calc(100% - var(--toolbar-grouped-height)); | 37 height: calc(100% - var(--toolbar-grouped-height)); |
39 } | 38 } |
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
137 </history-side-bar> | 136 </history-side-bar> |
138 </app-drawer> | 137 </app-drawer> |
139 </template> | 138 </template> |
140 | 139 |
141 <iron-media-query query="(max-width: 1023px)" | 140 <iron-media-query query="(max-width: 1023px)" |
142 query-matches="{{hasDrawer_}}"> | 141 query-matches="{{hasDrawer_}}"> |
143 </iron-media-query> | 142 </iron-media-query> |
144 </template> | 143 </template> |
145 <script src="chrome://history/app.js"></script> | 144 <script src="chrome://history/app.js"></script> |
146 </dom-module> | 145 </dom-module> |
OLD | NEW |