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

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

Issue 2735953002: MD Bookmarks: Integrate new data store with UI elements (Closed)
Patch Set: calamity@ review Created 3 years, 9 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
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/cr_elements/icons.html"> 2 <link rel="import" href="chrome://resources/cr_elements/icons.html">
3 <link rel="import" href="chrome://resources/html/icon.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"> 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"> 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/actions.html">
6 <link rel="import" href="chrome://bookmarks/shared_style.html"> 7 <link rel="import" href="chrome://bookmarks/shared_style.html">
8 <link rel="import" href="chrome://bookmarks/store_client.html">
7 9
8 <dom-module id="bookmarks-item"> 10 <dom-module id="bookmarks-item">
9 <template> 11 <template>
10 <style include="shared-style"> 12 <style include="shared-style">
11 :host { 13 :host {
12 -webkit-padding-start: 20px; 14 -webkit-padding-start: 20px;
13 -webkit-user-select: none; 15 -webkit-user-select: none;
14 align-items: center; 16 align-items: center;
15 display: flex; 17 display: flex;
16 flex-direction: row; 18 flex-direction: row;
17 height: 40px; 19 height: 40px;
18 } 20 }
19 21
20 :host([is-selected-item]) { 22 :host([is-selected-item_]) {
21 background-color: rgb(225, 235, 253); 23 background-color: rgb(225, 235, 253);
22 } 24 }
23 25
24 #website-title { 26 #website-title {
25 color: var(--primary-text-color); 27 color: var(--primary-text-color);
26 cursor: pointer; 28 cursor: pointer;
27 flex: 1; 29 flex: 1;
28 overflow: hidden; 30 overflow: hidden;
29 text-decoration: none; 31 text-decoration: none;
30 text-overflow: ellipsis; 32 text-overflow: ellipsis;
(...skipping 22 matching lines...) Expand all
53 color: var(--secondary-text-color); 55 color: var(--secondary-text-color);
54 } 56 }
55 </style> 57 </style>
56 <div id="icon-wrapper"> 58 <div id="icon-wrapper">
57 <iron-icon id="folder-icon" icon="cr:folder" 59 <iron-icon id="folder-icon" icon="cr:folder"
58 hidden$="[[!isFolder_]]"> 60 hidden$="[[!isFolder_]]">
59 </iron-icon> 61 </iron-icon>
60 <div id="icon" hidden$="[[isFolder_]]"></div> 62 <div id="icon" hidden$="[[isFolder_]]"></div>
61 </div> 63 </div>
62 <div id="website-title"> 64 <div id="website-title">
63 [[item.title]] 65 [[item_.title]]
64 </div> 66 </div>
65 <button is="paper-icon-button-light" class="more-vert-button" 67 <button is="paper-icon-button-light" class="more-vert-button"
66 on-click="onMenuButtonOpenClick_"> 68 on-click="onMenuButtonOpenClick_">
67 <div></div> 69 <div></div>
68 <div></div> 70 <div></div>
69 <div></div> 71 <div></div>
70 </button> 72 </button>
71 </template> 73 </template>
72 <script src="chrome://bookmarks/item.js"></script> 74 <script src="chrome://bookmarks/item.js"></script>
73 <dom-module> 75 <dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_bookmarks/folder_node.js ('k') | chrome/browser/resources/md_bookmarks/item.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698