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