| OLD | NEW |
| (Empty) | |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://bookmarks/list.html"> |
| 3 <link rel="import" href="chrome://bookmarks/shared_vars.html"> |
| 4 <link rel="import" href="chrome://bookmarks/sidebar.html"> |
| 5 <link rel="import" href="chrome://bookmarks/store.html"> |
| 6 <link rel="import" href="chrome://bookmarks/toolbar.html"> |
| 7 |
| 8 <dom-module id="bookmarks-app"> |
| 9 <template> |
| 10 <style> |
| 11 :host { |
| 12 display: flex; |
| 13 flex-direction: column; |
| 14 height: 100%; |
| 15 overflow: hidden; |
| 16 } |
| 17 |
| 18 #main-container { |
| 19 display: flex; |
| 20 flex-direction: row; |
| 21 flex-grow: 1; |
| 22 overflow: auto; |
| 23 } |
| 24 |
| 25 bookmarks-sidebar { |
| 26 flex: 0 0 var(--sidebar-width); |
| 27 } |
| 28 |
| 29 bookmarks-list { |
| 30 flex: 1; |
| 31 } |
| 32 </style> |
| 33 <bookmarks-toolbar></bookmarks-toolbar> |
| 34 <div id="main-container"> |
| 35 <bookmarks-sidebar root-folders="[[rootNode.children]]"> |
| 36 </bookmarks-sidebar> |
| 37 <bookmarks-list selected-node="[[selectedNode]]"></bookmarks-list> |
| 38 </div> |
| 39 <bookmarks-store selected-id="{{selectedId}}" |
| 40 selected-node="{{selectedNode}}" |
| 41 root-node="{{rootNode}}"> |
| 42 </bookmarks-store> |
| 43 </template> |
| 44 <script src="chrome://bookmarks/app.js"></script> |
| 45 </dom-module> |
| OLD | NEW |