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/actions.html"> |
7 <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"> | 8 <link rel="import" href="chrome://bookmarks/store_client.html"> |
9 | 9 |
10 <dom-module id="bookmarks-item"> | 10 <dom-module id="bookmarks-item"> |
11 <template> | 11 <template> |
12 <style include="shared-style"> | 12 <style include="shared-style"> |
13 :host { | 13 :host { |
| 14 display: block; |
| 15 flex-direction: row; |
| 16 position: relative; |
| 17 } |
| 18 |
| 19 #url { |
14 -webkit-padding-start: 20px; | 20 -webkit-padding-start: 20px; |
15 -webkit-user-select: none; | 21 -webkit-user-select: none; |
16 align-items: center; | 22 align-items: center; |
17 cursor: pointer; | 23 color: inherit; |
18 display: flex; | 24 display: flex; |
19 flex-direction: row; | |
20 height: 40px; | 25 height: 40px; |
21 position: relative; | 26 text-decoration: none; |
22 } | 27 } |
23 | 28 |
24 :host([mouse-focus_]) { | 29 :host([mouse-focus_]) { |
25 outline: none; | 30 outline: none; |
26 } | 31 } |
27 | 32 |
28 :host([is-selected-item_]) { | 33 :host([is-selected-item_]) { |
29 background-color: var(--highlight-color); | 34 background-color: var(--highlight-color); |
30 } | 35 } |
31 | 36 |
32 #website-title { | 37 #website-title { |
33 color: var(--primary-text-color); | |
34 flex: 1; | 38 flex: 1; |
35 overflow: hidden; | 39 overflow: hidden; |
36 text-decoration: none; | 40 text-decoration: none; |
37 text-overflow: ellipsis; | 41 text-overflow: ellipsis; |
38 white-space: nowrap; | 42 white-space: nowrap; |
39 } | 43 } |
40 | 44 |
41 #icon-wrapper { | 45 #icon-wrapper { |
42 -webkit-margin-end: 20px; | 46 -webkit-margin-end: 20px; |
43 color: var(--secondary-text-color); | 47 color: var(--secondary-text-color); |
44 display: flex; | 48 display: flex; |
45 height: 20px; | 49 height: 20px; |
46 width: 20px; | 50 width: 20px; |
47 } | 51 } |
48 | 52 |
49 #icon { | 53 #icon { |
50 background-repeat: no-repeat; | 54 background-repeat: no-repeat; |
51 height: 16px; | 55 height: 16px; |
52 margin: 2px; | 56 margin: 2px; |
53 width: 16px; | 57 width: 16px; |
54 } | 58 } |
55 | 59 |
56 button.more-vert-button { | 60 button.more-vert-button { |
57 -webkit-margin-end: 12px; | 61 -webkit-margin-end: 12px; |
58 } | 62 } |
59 </style> | 63 </style> |
60 <div id="icon-wrapper"> | 64 <a id="url" href="[[openItemUrl_]]"> |
61 <iron-icon id="folder-icon" icon="cr:folder" hidden$="[[!isFolder_]]"> | 65 <div id="icon-wrapper"> |
62 </iron-icon> | 66 <iron-icon id="folder-icon" icon="cr:folder" hidden$="[[!isFolder_]]"> |
63 <div id="icon" hidden$="[[isFolder_]]"></div> | 67 </iron-icon> |
64 </div> | 68 <div id="icon" hidden$="[[isFolder_]]"></div> |
65 <div id="website-title"> | 69 </div> |
66 [[item_.title]] | 70 <div id="website-title"> |
67 </div> | 71 [[item_.title]] |
68 <button is="paper-icon-button-light" class="more-vert-button" | 72 </div> |
69 on-click="onMenuButtonClick_" on-dblclick="onMenuButtonDblClick_" | 73 <button is="paper-icon-button-light" class="more-vert-button" |
70 tabindex$="[[ironListTabIndex]]" on-focus="onItemBlur_"> | 74 on-click="onMenuButtonClick_" on-dblclick="onMenuButtonDblClick_" |
71 <div></div> | 75 tabindex$="[[ironListTabIndex]]" on-focus="onItemBlur_"> |
72 <div></div> | 76 <div></div> |
73 <div></div> | 77 <div></div> |
74 </button> | 78 <div></div> |
| 79 </button> |
| 80 </a> |
75 </template> | 81 </template> |
76 <script src="chrome://bookmarks/item.js"></script> | 82 <script src="chrome://bookmarks/item.js"></script> |
77 <dom-module> | 83 <dom-module> |
OLD | NEW |