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 |