OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 | 2 |
3 <link rel="import" href="chrome://resources/html/cr/ui/splitter.html"> | 3 <link rel="import" href="chrome://resources/html/cr/ui/splitter.html"> |
4 <link rel="import" href="chrome://bookmarks/api_listener.html"> | 4 <link rel="import" href="chrome://bookmarks/api_listener.html"> |
5 <link rel="import" href="chrome://bookmarks/command_manager.html"> | 5 <link rel="import" href="chrome://bookmarks/command_manager.html"> |
6 <link rel="import" href="chrome://bookmarks/constants.html"> | 6 <link rel="import" href="chrome://bookmarks/constants.html"> |
7 <link rel="import" href="chrome://bookmarks/dnd_manager.html"> | 7 <link rel="import" href="chrome://bookmarks/dnd_manager.html"> |
8 <link rel="import" href="chrome://bookmarks/folder_node.html"> | 8 <link rel="import" href="chrome://bookmarks/folder_node.html"> |
9 <link rel="import" href="chrome://bookmarks/list.html"> | 9 <link rel="import" href="chrome://bookmarks/list.html"> |
10 <link rel="import" href="chrome://bookmarks/router.html"> | 10 <link rel="import" href="chrome://bookmarks/router.html"> |
(...skipping 16 matching lines...) Expand all Loading... |
27 | 27 |
28 #main-container { | 28 #main-container { |
29 display: flex; | 29 display: flex; |
30 flex-direction: row; | 30 flex-direction: row; |
31 flex-grow: 1; | 31 flex-grow: 1; |
32 overflow: auto; | 32 overflow: auto; |
33 } | 33 } |
34 | 34 |
35 #splitter { | 35 #splitter { |
36 box-sizing: border-box; | 36 box-sizing: border-box; |
| 37 cursor: col-resize; |
| 38 <if expr="is_win"> |
| 39 /* Unlike other platforms, e-resize is a two-way arrow on Windows. */ |
37 cursor: e-resize; | 40 cursor: e-resize; |
| 41 </if> |
38 flex: 0 0 var(--splitter-width); | 42 flex: 0 0 var(--splitter-width); |
39 opacity: 0; | 43 opacity: 0; |
40 } | 44 } |
41 | 45 |
42 #splitter:hover, | 46 #splitter:hover, |
43 #splitter.splitter-active { | 47 #splitter.splitter-active { |
44 -webkit-border-start: 1px solid rgba(0, 0, 0, 0.1); | 48 -webkit-border-start: 1px solid rgba(0, 0, 0, 0.1); |
45 opacity: 1; | 49 opacity: 1; |
46 transition: opacity 100ms ease-out; | 50 transition: opacity 100ms ease-out; |
47 } | 51 } |
48 | 52 |
49 :host-context([dir='rtl']) #splitter { | |
50 cursor: w-resize; | |
51 } | |
52 | |
53 #sidebar { | 53 #sidebar { |
54 -webkit-padding-start: 3px; | 54 -webkit-padding-start: 3px; |
55 display: block; | 55 display: block; |
56 max-width: 40%; | 56 max-width: 40%; |
57 min-width: var(--min-sidebar-width); | 57 min-width: var(--min-sidebar-width); |
58 overflow-x: hidden; | 58 overflow-x: hidden; |
59 overflow-y: auto; | 59 overflow-y: auto; |
60 padding-top: 8px; | 60 padding-top: 8px; |
61 user-select: none; | 61 user-select: none; |
62 width: var(--min-sidebar-width); | 62 width: var(--min-sidebar-width); |
(...skipping 11 matching lines...) Expand all Loading... |
74 </div> | 74 </div> |
75 <div id="splitter"></div> | 75 <div id="splitter"></div> |
76 <bookmarks-list></bookmarks-list> | 76 <bookmarks-list></bookmarks-list> |
77 </div> | 77 </div> |
78 <bookmarks-router></bookmarks-router> | 78 <bookmarks-router></bookmarks-router> |
79 <bookmarks-command-manager></bookmarks-command-manager> | 79 <bookmarks-command-manager></bookmarks-command-manager> |
80 <bookmarks-toast-manager duration="5000"></bookmarks-toast-manager> | 80 <bookmarks-toast-manager duration="5000"></bookmarks-toast-manager> |
81 </template> | 81 </template> |
82 <script src="chrome://bookmarks/app.js"></script> | 82 <script src="chrome://bookmarks/app.js"></script> |
83 </dom-module> | 83 </dom-module> |
OLD | NEW |