OLD | NEW |
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 Loading... |
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> |
OLD | NEW |