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

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

Issue 1641543002: MD History: Refactored design for displaying history information (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@second_patch
Patch Set: closure Created 4 years, 10 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/polymer/v1_0/polymer/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.htm l">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h tml">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.h tml">
5 <link rel="import" href="chrome://resources/html/cr/ui/position_util.html">
6 <link rel="import" href="chrome://history/history_card.html">
7
8 <dom-module id="history-card-manager">
9 <template>
10 <style>
11 :host {
12 display: flex;
13 flex-direction: column;
14 }
15
16 :host([menu-open]) #overflow-menu {
17 display: block;
18 }
19
20 #overflow-menu {
21 @apply(--shadow-elevation-2dp);
22 border-radius: 2px;
23 display: none;
24 left: 0;
25 position: absolute;
26 top: 0;
27 }
28
29 #infinite-list {
30 flex: 1;
31 padding: 40px 0 0 0;
32 }
33
34 paper-item {
35 -webkit-user-select: none;
36 cursor: pointer;
37 font: inherit;
38 }
39
40 paper-item:hover {
41 background: #eaeaea;
42 }
43 </style>
44 <iron-list items="{{historyDataByDay_}}" as="historyDay" id="infinite-list"
45 on-scroll="scrollHandler_">
46 <template>
47 <history-card history-date="{{historyDay.date}}"
48 history-items="{{historyDay.historyItems}}">
49 </history-card>
50 </template>
51 </iron-list>
52 <paper-menu id="overflow-menu">
53 <paper-item i18n-content="moreFromSite" on-tap="onMoreFromSiteTap_">
54 </paper-item>
55 <paper-item i18n-content="removeFromHistory"
56 on-tap="onRemoveFromHistoryTap_">
57 </paper-item>
58 </paper-menu>
59 </template>
60 <script src="chrome://history/history_card_manager.js"></script>
61 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/history_card.js ('k') | chrome/browser/resources/md_history/history_card_manager.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698