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

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: address nit 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
« no previous file with comments | « chrome/browser/browser_resources.grd ('k') | chrome/browser/resources/md_history/app.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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-list,
32 #history-synced-device-manager {
33 flex: 1 0 0;
34 }
35
36 #content {
37 display: flex;
38 flex: 1 0 0;
39 }
40
41 history-toolbar {
42 background: var(--md-toolbar-color);
43 }
44 </style>
45 <history-toolbar class="paper-header" id="toolbar"></history-toolbar>
46
47 <div id="main-container">
48 <history-side-bar id="history-side-bar" selected-page="{{selectedPage}}">
49 </history-side-bar>
50 <iron-pages id="content" attr-for-selected="id"
51 selected="{{selectedPage}}">
52 <history-list id="history-list"></history-list>
53 <history-synced-device-manager id="history-synced-device-manager">
54 </history-synced-device-manager>
55 </iron-pages>
56 </div>
57 </template>
58 <script src="chrome://history/app.js"></script>
59 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/browser_resources.grd ('k') | chrome/browser/resources/md_history/app.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698