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

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

Issue 2639453002: [MD Bookmarks] Add Select for Bookmarks. (Closed)
Patch Set: clean up Created 3 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
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/shared_style.html"> 6 <link rel="import" href="chrome://bookmarks/shared_style.html">
7 7
8 <dom-module id="bookmarks-item"> 8 <dom-module id="bookmarks-item">
9 <template> 9 <template>
10 <style include="shared-style"> 10 <style include="shared-style">
11 :host { 11 :host {
12 -webkit-padding-start: 20px; 12 -webkit-padding-start: 20px;
13 -webkit-user-select: none;
13 align-items: center; 14 align-items: center;
14 display: flex; 15 display: flex;
15 flex-direction: row; 16 flex-direction: row;
16 height: 40px; 17 height: 40px;
17 } 18 }
18 19
19 :host(:not(:last-of-type)) { 20 :host(:not(:last-of-type)) {
20 border-bottom: var(--cr-separator-line); 21 border-bottom: var(--cr-separator-line);
21 } 22 }
22 23
24 :host([is-selected-item]) {
25 background-color: rgb(225, 235, 253);
26 }
27
23 #website-title { 28 #website-title {
24 color: var(--primary-text-color); 29 color: var(--primary-text-color);
25 cursor: pointer; 30 cursor: pointer;
26 flex: 1; 31 flex: 1;
27 overflow: hidden; 32 overflow: hidden;
28 text-decoration: none; 33 text-decoration: none;
29 text-overflow: ellipsis; 34 text-overflow: ellipsis;
30 white-space: nowrap; 35 white-space: nowrap;
31 } 36 }
32 37
(...skipping 22 matching lines...) Expand all
55 <div id="icon-wrapper"> 60 <div id="icon-wrapper">
56 <iron-icon id="folder-icon" icon="cr:folder" 61 <iron-icon id="folder-icon" icon="cr:folder"
57 hidden$="[[!isFolder_]]"> 62 hidden$="[[!isFolder_]]">
58 </iron-icon> 63 </iron-icon>
59 <div id="icon" hidden$="[[isFolder_]]"></div> 64 <div id="icon" hidden$="[[isFolder_]]"></div>
60 </div> 65 </div>
61 <div id="website-title"> 66 <div id="website-title">
62 [[item.title]] 67 [[item.title]]
63 </div> 68 </div>
64 <button is="paper-icon-button-light" class="more-vert-button" 69 <button is="paper-icon-button-light" class="more-vert-button"
65 on-tap="onMenuButtonOpenTap_"> 70 on-click="onMenuButtonOpenClick_">
66 <div></div> 71 <div></div>
67 <div></div> 72 <div></div>
68 <div></div> 73 <div></div>
69 </button> 74 </button>
70 </template> 75 </template>
71 <script src="chrome://bookmarks/item.js"></script> 76 <script src="chrome://bookmarks/item.js"></script>
72 <dom-module> 77 <dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698