| 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/cr_action_menu/cr_action
_menu.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action
_menu.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.htm
l"> |
| 5 <link rel="import" href="chrome://bookmarks/item.html"> | 5 <link rel="import" href="chrome://bookmarks/item.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-list"> | 8 <dom-module id="bookmarks-list"> |
| 9 <template> | 9 <template> |
| 10 <style include="shared-style"> | 10 <style include="shared-style"> |
| 11 :host { | 11 :host { |
| 12 padding: 20px 32px; | 12 padding: 20px 32px; |
| 13 } | 13 } |
| 14 | 14 |
| 15 #bookmarks-card { | 15 #bookmarks-card { |
| 16 @apply(--shadow-elevation-2dp); | 16 @apply(--shadow-elevation-2dp); |
| 17 background-color: #fff; | 17 background-color: #fff; |
| 18 margin: 0 auto; | 18 margin: 0 auto; |
| 19 max-width: var(--card-max-width); | 19 max-width: var(--card-max-width); |
| 20 min-width: var(--card-min-width); | 20 min-width: var(--card-min-width); |
| 21 padding: 8px 0; | 21 padding: 8px 0; |
| 22 } | 22 } |
| 23 |
| 24 .centered-message { |
| 25 align-items: center; |
| 26 color: #6e6e6e; |
| 27 display: flex; |
| 28 font-size: 14px; |
| 29 font-weight: 500; |
| 30 height: 100%; |
| 31 justify-content: center; |
| 32 } |
| 23 </style> | 33 </style> |
| 24 <dialog is="cr-action-menu" id="dropdown"> | 34 <dialog is="cr-action-menu" id="dropdown"> |
| 25 <button class="dropdown-item" on-tap="onEditTap_"> | 35 <button class="dropdown-item" on-tap="onEditTap_"> |
| 26 $i18n{menuEdit} | 36 $i18n{menuEdit} |
| 27 </button> | 37 </button> |
| 28 <button class="dropdown-item" on-tap="onCopyURLTap_"> | 38 <button class="dropdown-item" on-tap="onCopyURLTap_"> |
| 29 $i18n{menuCopyURL} | 39 $i18n{menuCopyURL} |
| 30 </button> | 40 </button> |
| 31 <button class="dropdown-item" on-tap="onDeleteTap_"> | 41 <button class="dropdown-item" on-tap="onDeleteTap_"> |
| 32 $i18n{menuDelete} | 42 $i18n{menuDelete} |
| 33 </button> | 43 </button> |
| 34 </dialog> | 44 </dialog> |
| 35 <div id="bookmarks-card"> | 45 <div id="bookmarks-card" |
| 36 <!-- TODO(angelayang): handle empty folders --> | 46 hidden$="[[isListEmpty_(selectedNode.children.length)]]"> |
| 37 <template is="dom-repeat" items="[[selectedNode.children]]" as="item"> | 47 <template is="dom-repeat" items="[[selectedNode.children]]" as="item"> |
| 38 <bookmarks-item item="[[item]]"></bookmarks-item> | 48 <bookmarks-item item="[[item]]"></bookmarks-item> |
| 39 </template> | 49 </template> |
| 40 </div> | 50 </div> |
| 51 <div class="centered-message" |
| 52 hidden$="[[!isListEmpty_(selectedNode.children.length)]]"> |
| 53 $i18n{emptyList} |
| 54 </div> |
| 41 </template> | 55 </template> |
| 42 <script src="chrome://bookmarks/list.js"></script> | 56 <script src="chrome://bookmarks/list.js"></script> |
| 43 </dom-module> | 57 </dom-module> |
| OLD | NEW |