| 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 |