| 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 |
| 20 :host([is-selected-item]) { |
| 21 background-color: rgb(225, 235, 253); |
| 22 } |
| 23 |
| 19 #website-title { | 24 #website-title { |
| 20 color: var(--primary-text-color); | 25 color: var(--primary-text-color); |
| 21 cursor: pointer; | 26 cursor: pointer; |
| 22 flex: 1; | 27 flex: 1; |
| 23 overflow: hidden; | 28 overflow: hidden; |
| 24 text-decoration: none; | 29 text-decoration: none; |
| 25 text-overflow: ellipsis; | 30 text-overflow: ellipsis; |
| 26 white-space: nowrap; | 31 white-space: nowrap; |
| 27 } | 32 } |
| 28 | 33 |
| (...skipping 22 matching lines...) Expand all Loading... |
| 51 <div id="icon-wrapper"> | 56 <div id="icon-wrapper"> |
| 52 <iron-icon id="folder-icon" icon="cr:folder" | 57 <iron-icon id="folder-icon" icon="cr:folder" |
| 53 hidden$="[[!isFolder_]]"> | 58 hidden$="[[!isFolder_]]"> |
| 54 </iron-icon> | 59 </iron-icon> |
| 55 <div id="icon" hidden$="[[isFolder_]]"></div> | 60 <div id="icon" hidden$="[[isFolder_]]"></div> |
| 56 </div> | 61 </div> |
| 57 <div id="website-title"> | 62 <div id="website-title"> |
| 58 [[item.title]] | 63 [[item.title]] |
| 59 </div> | 64 </div> |
| 60 <button is="paper-icon-button-light" class="more-vert-button" | 65 <button is="paper-icon-button-light" class="more-vert-button" |
| 61 on-tap="onMenuButtonOpenTap_"> | 66 on-click="onMenuButtonOpenClick_"> |
| 62 <div></div> | 67 <div></div> |
| 63 <div></div> | 68 <div></div> |
| 64 <div></div> | 69 <div></div> |
| 65 </button> | 70 </button> |
| 66 </template> | 71 </template> |
| 67 <script src="chrome://bookmarks/item.js"></script> | 72 <script src="chrome://bookmarks/item.js"></script> |
| 68 <dom-module> | 73 <dom-module> |
| OLD | NEW |