| 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/html/cr/ui/splitter.html"> | 2 <link rel="import" href="chrome://resources/html/cr/ui/splitter.html"> |
| 3 <link rel="import" href="chrome://bookmarks/api_listener.html"> | 3 <link rel="import" href="chrome://bookmarks/api_listener.html"> |
| 4 <link rel="import" href="chrome://bookmarks/constants.html"> | 4 <link rel="import" href="chrome://bookmarks/constants.html"> |
| 5 <link rel="import" href="chrome://bookmarks/dnd_manager.html"> | 5 <link rel="import" href="chrome://bookmarks/dnd_manager.html"> |
| 6 <link rel="import" href="chrome://bookmarks/list.html"> | 6 <link rel="import" href="chrome://bookmarks/list.html"> |
| 7 <link rel="import" href="chrome://bookmarks/router.html"> | 7 <link rel="import" href="chrome://bookmarks/router.html"> |
| 8 <link rel="import" href="chrome://bookmarks/shared_vars.html"> | 8 <link rel="import" href="chrome://bookmarks/shared_vars.html"> |
| 9 <link rel="import" href="chrome://bookmarks/sidebar.html"> | |
| 10 <link rel="import" href="chrome://bookmarks/store.html"> | 9 <link rel="import" href="chrome://bookmarks/store.html"> |
| 11 <link rel="import" href="chrome://bookmarks/toolbar.html"> | 10 <link rel="import" href="chrome://bookmarks/toolbar.html"> |
| 11 <link rel="import" href="chrome://bookmarks/folder_node.html"> |
| 12 <link rel="import" href="chrome://bookmarks/util.html"> | 12 <link rel="import" href="chrome://bookmarks/util.html"> |
| 13 | 13 |
| 14 <dom-module id="bookmarks-app"> | 14 <dom-module id="bookmarks-app"> |
| 15 <template> | 15 <template> |
| 16 <style> | 16 <style> |
| 17 :host { | 17 :host { |
| 18 display: flex; | 18 display: flex; |
| 19 flex-direction: column; | 19 flex-direction: column; |
| 20 height: 100%; | 20 height: 100%; |
| 21 } | 21 } |
| (...skipping 13 matching lines...) Expand all Loading... |
| 35 :host-context([dir='rtl']) #splitter { | 35 :host-context([dir='rtl']) #splitter { |
| 36 cursor: w-resize; | 36 cursor: w-resize; |
| 37 } | 37 } |
| 38 | 38 |
| 39 bookmarks-sidebar { | 39 bookmarks-sidebar { |
| 40 max-width: 40%; | 40 max-width: 40%; |
| 41 min-width: var(--min-sidebar-width); | 41 min-width: var(--min-sidebar-width); |
| 42 width: var(--min-sidebar-width); | 42 width: var(--min-sidebar-width); |
| 43 } | 43 } |
| 44 | 44 |
| 45 #sidebar { |
| 46 -webkit-padding-start: 3px; |
| 47 display: block; |
| 48 overflow-x: hidden; |
| 49 overflow-y: auto; |
| 50 padding-top: 8px; |
| 51 user-select: none; |
| 52 } |
| 53 |
| 45 bookmarks-list { | 54 bookmarks-list { |
| 46 flex: 1; | 55 flex: 1; |
| 47 min-width: 550px; | 56 min-width: 550px; |
| 48 } | 57 } |
| 49 </style> | 58 </style> |
| 50 <bookmarks-toolbar sidebar-width="[[sidebarWidth_]]"></bookmarks-toolbar> | 59 <bookmarks-toolbar sidebar-width="[[sidebarWidth_]]"></bookmarks-toolbar> |
| 51 <div id="main-container"> | 60 <div id="main-container"> |
| 52 <bookmarks-sidebar id="sidebar"></bookmarks-sidebar> | 61 <div id="sidebar"> |
| 62 <bookmarks-folder-node item-id="0" depth="-1"></bookmarks-folder-node> |
| 63 </div> |
| 53 <div id="splitter"></div> | 64 <div id="splitter"></div> |
| 54 <bookmarks-list></bookmarks-list> | 65 <bookmarks-list></bookmarks-list> |
| 55 </div> | 66 </div> |
| 56 <bookmarks-router></bookmarks-router> | 67 <bookmarks-router></bookmarks-router> |
| 57 </template> | 68 </template> |
| 58 <script src="chrome://bookmarks/app.js"></script> | 69 <script src="chrome://bookmarks/app.js"></script> |
| 59 </dom-module> | 70 </dom-module> |
| OLD | NEW |