| 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 -webkit-padding-start: 20px; | 14 -webkit-padding-start: 20px; |
| 15 -webkit-user-select: none; | 15 -webkit-user-select: none; |
| 16 align-items: center; | 16 align-items: center; |
| 17 cursor: pointer; | 17 cursor: pointer; |
| 18 display: flex; | 18 display: flex; |
| 19 flex-direction: row; | 19 flex-direction: row; |
| 20 height: 40px; | 20 height: 40px; |
| 21 position: relative; |
| 22 } |
| 23 |
| 24 :host(.drag-on) { |
| 25 background-color: rgba(66, 133, 244, 0.16); |
| 21 } | 26 } |
| 22 | 27 |
| 23 :host([is-selected-item_]) { | 28 :host([is-selected-item_]) { |
| 24 background-color: rgb(225, 235, 253); | 29 background-color: rgb(225, 235, 253); |
| 25 } | 30 } |
| 26 | 31 |
| 27 #website-title { | 32 #website-title { |
| 28 color: var(--primary-text-color); | 33 color: var(--primary-text-color); |
| 29 flex: 1; | 34 flex: 1; |
| 30 overflow: hidden; | 35 overflow: hidden; |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 66 </div> | 71 </div> |
| 67 <button is="paper-icon-button-light" class="more-vert-button" | 72 <button is="paper-icon-button-light" class="more-vert-button" |
| 68 on-click="onMenuButtonOpenClick_"> | 73 on-click="onMenuButtonOpenClick_"> |
| 69 <div></div> | 74 <div></div> |
| 70 <div></div> | 75 <div></div> |
| 71 <div></div> | 76 <div></div> |
| 72 </button> | 77 </button> |
| 73 </template> | 78 </template> |
| 74 <script src="chrome://bookmarks/item.js"></script> | 79 <script src="chrome://bookmarks/item.js"></script> |
| 75 <dom-module> | 80 <dom-module> |
| OLD | NEW |