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; | |
18 display: flex; | 23 display: flex; |
19 flex-direction: row; | |
20 height: 40px; | 24 height: 40px; |
21 position: relative; | 25 text-decoration: none; |
22 } | 26 } |
23 | 27 |
24 :host([is-selected-item_]) { | 28 :host([is-selected-item_]) { |
25 background-color: var(--highlight-color); | 29 background-color: var(--highlight-color); |
26 } | 30 } |
27 | 31 |
28 #website-title { | 32 #website-title { |
29 color: var(--primary-text-color); | 33 color: var(--primary-text-color); |
30 flex: 1; | 34 flex: 1; |
31 overflow: hidden; | 35 overflow: hidden; |
(...skipping 14 matching lines...) Expand all Loading... | |
46 background-repeat: no-repeat; | 50 background-repeat: no-repeat; |
47 height: 16px; | 51 height: 16px; |
48 margin: 2px; | 52 margin: 2px; |
49 width: 16px; | 53 width: 16px; |
50 } | 54 } |
51 | 55 |
52 button.more-vert-button { | 56 button.more-vert-button { |
53 -webkit-margin-end: 12px; | 57 -webkit-margin-end: 12px; |
54 } | 58 } |
55 </style> | 59 </style> |
56 <div id="icon-wrapper"> | 60 <a id="url" href="[[openItemUrl_]]"> |
calamity
2017/05/17 05:09:22
Things have gone awry with the menu button. Locall
tsergeant
2017/05/17 07:04:38
Oops, done. Shows how much I use that button now t
| |
57 <iron-icon id="folder-icon" icon="cr:folder" hidden$="[[!isFolder_]]"> | 61 <div id="icon-wrapper"> |
58 </iron-icon> | 62 <iron-icon id="folder-icon" icon="cr:folder" hidden$="[[!isFolder_]]"> |
59 <div id="icon" hidden$="[[isFolder_]]"></div> | 63 </iron-icon> |
60 </div> | 64 <div id="icon" hidden$="[[isFolder_]]"></div> |
61 <div id="website-title"> | 65 </div> |
62 [[item_.title]] | 66 <div id="website-title"> |
63 </div> | 67 [[item_.title]] |
64 <button is="paper-icon-button-light" class="more-vert-button" | 68 </div> |
65 on-click="onMenuButtonClick_" on-dblclick="onMenuButtonDblClick_"> | 69 <button is="paper-icon-button-light" class="more-vert-button" |
66 <div></div> | 70 on-click="onMenuButtonClick_" on-dblclick="onMenuButtonDblClick_"> |
67 <div></div> | 71 <div></div> |
68 <div></div> | 72 <div></div> |
69 </button> | 73 <div></div> |
74 </button> | |
75 </a> | |
70 </template> | 76 </template> |
71 <script src="chrome://bookmarks/item.js"></script> | 77 <script src="chrome://bookmarks/item.js"></script> |
72 <dom-module> | 78 <dom-module> |
OLD | NEW |