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

Side by Side Diff: chrome/browser/resources/md_bookmarks/item.html

Issue 2603303002: [MD Bookmarks] Add UI for Material Bookmarks. (Closed)
Patch Set: Created 3 years, 11 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/cr_elements/icons.html">
3 <link rel="import" href="chrome://resources/html/icon.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button-light.html">
6 <link rel="import" href="chrome://bookmarks/shared_style.html">
7
8 <dom-module id="bookmarks-item">
9 <template>
10 <style include="shared-style">
11 :host {
12 -webkit-padding-start: 20px;
13 align-items: center;
14 display: flex;
15 flex-direction: row;
16 height: 40px;
17 }
18
19 #website-title {
20 color: var(--primary-text-color);
21 cursor: pointer;
22 flex: 1;
23 overflow: hidden;
24 text-decoration: none;
25 text-overflow: ellipsis;
26 white-space: nowrap;
27 }
28
29 #icon {
30 background-repeat: no-repeat;
31 height: 16px;
32 margin: 2px;
33 }
34
35 #icon-wrapper {
36 -webkit-margin-end: 20px;
37 height: 20px;
38 width: 20px;
39 }
40
41 .more-vert-button {
42 -webkit-margin-end: 12px;
43 }
44
45 iron-icon {
46 --iron-icon-height: 20px;
47 --iron-icon-width: 20px;
48 color: var(--secondary-text-color);
49 }
50 </style>
51 <div id="icon-wrapper">
52 <iron-icon icon="bookmarks:folder"
tsergeant 2017/01/03 23:31:17 This is wrapped a bit weirdly. We also normally ke
jiaxi 2017/01/04 02:50:16 Done.
53 hidden$="[[!isFolder_]]" id="folder-icon">
54 </iron-icon>
55 <div id="icon" hidden$="[[isFolder_]]"></div>
56 </div>
57 <div id="website-title">
58 [[item.title]]
59 </div>
60 <button is="paper-icon-button-light" class="more-vert-button"
61 on-tap="onMenuButtonOpenTap_">
62 <div></div>
63 <div></div>
64 <div></div>
65 </button>
66 </template>
67 <script src="chrome://bookmarks/item.js"></script>
68 <dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698