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

Side by Side Diff: chrome/browser/resources/md_history/app.html

Issue 1932413003: [MD History] Refactor history.html into a history-app element. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 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
(Empty)
1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-pages/iron-pages.h tml">
4 <link rel="import" href="chrome://history/history_list.html">
5 <link rel="import" href="chrome://history/history_toolbar.html">
6 <link rel="import" href="chrome://history/synced_device_manager.html">
7 <link rel="import" href="chrome://history/side_bar.html">
8 <link rel="import" href="chrome://history/shared_style.html">
9
10 <dom-module id="history-app">
11 <!-- TODO(calamity): work around this deprecated import style -->
12 <link rel="import" type="css" href="chrome://resources/css/md_colors.css">
13 <template>
14 <style include="shared-style">
15 :host {
16 display: flex;
17 flex-direction: column;
18 min-width: 800px;
19 }
20
21 #main-container {
22 display: flex;
23 flex: 1 0 0;
24 overflow: hidden;
25 }
26
27 #toolbar {
28 flex: 0 0 56px;
29 }
30
31 #history-synced-device-manager {
32 flex: 1 0 0;
33 }
34
35 #history-list {
36 flex: 1 0 0;
37 overflow: auto;
38 }
39
40 #content {
41 display: flex;
42 flex: 1 0 0;
43 }
44
45 history-toolbar {
46 background: var(--md-toolbar-color);
47 }
48 </style>
49 <history-toolbar class="paper-header" id="toolbar"></history-toolbar>
50
51 <div id="main-container">
52 <history-side-bar id="history-side-bar" selected-page="{{selectedPage}}">
53 </history-side-bar>
54 <iron-pages id="content" attr-for-selected="id"
55 selected="{{selectedPage}}">
56 <history-list id="history-list"></history-list>
57 <history-synced-device-manager id="history-synced-device-manager"
58 hidden></history-synced-device-manager>
59 </iron-pages>
60 </div>
61 </template>
62 <script src="chrome://history/app.js"></script>
63 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698