| OLD | NEW |
| 1 /* | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 Use of this source code is governed by a BSD-style license that can be | 3 * found in the LICENSE file. */ |
| 4 found in the LICENSE file. | |
| 5 */ | |
| 6 | 4 |
| 7 #sync-node-main { | 5 #sync-node-main { |
| 8 display: -webkit-box; | 6 display: -webkit-box; |
| 9 /* Should be > #sync-page's min-height. */ | 7 /* Should be > #sync-page's min-height. */ |
| 10 /* TODO(akalin): Find a less hacky way to do this. */ | 8 /* TODO(akalin): Find a less hacky way to do this. */ |
| 11 height: 750px; | 9 height: 750px; |
| 12 } | 10 } |
| 13 | 11 |
| 14 #sync-node-tree-container { | 12 #sync-node-tree-container { |
| 13 -webkit-padding-start: 10px; |
| 14 box-sizing: border-box; |
| 15 height: 100%; | 15 height: 100%; |
| 16 /* min-width and max-width are used by the split pane. */ |
| 17 max-width: 50%; |
| 18 min-width: 50px; |
| 19 overflow: auto; |
| 20 padding: 5px; |
| 16 width: 200px; | 21 width: 200px; |
| 17 /* min-width and max-width are used by the split pane. */ | |
| 18 min-width: 50px; | |
| 19 max-width: 50%; | |
| 20 overflow: auto; | |
| 21 box-sizing: border-box; | |
| 22 padding: 5px; | |
| 23 -webkit-padding-start: 10px; | |
| 24 } | 22 } |
| 25 | 23 |
| 26 #sync-node-tree { | 24 #sync-node-tree { |
| 25 display: inline-block; |
| 27 min-width: 100%; | 26 min-width: 100%; |
| 28 overflow: visible; /* let the container do the scrolling */ | 27 overflow: visible; /* let the container do the scrolling */ |
| 29 display: inline-block; | |
| 30 } | 28 } |
| 31 | 29 |
| 32 /* TODO(akalin): Find a better icon to use for leaf nodes. */ | 30 /* TODO(akalin): Find a better icon to use for leaf nodes. */ |
| 33 #sync-node-tree .leaf .tree-label { | 31 #sync-node-tree .leaf .tree-label { |
| 34 background-image: url("../shared/images/star_small.png"); | 32 background-image: url('../shared/images/star_small.png'); |
| 35 } | 33 } |
| 36 | 34 |
| 37 #sync-node-splitter { | 35 #sync-node-splitter { |
| 38 width: 5px; | |
| 39 background-color: #ebeff9; | 36 background-color: #ebeff9; |
| 40 cursor: col-resize; | 37 cursor: col-resize; |
| 38 width: 5px; |
| 39 <if expr="is_win"> |
| 40 /* TODO(akalin): Make the BMM also use this style. */ |
| 41 cursor: e-resize; |
| 42 </if> |
| 41 } | 43 } |
| 42 | 44 |
| 43 #sync-node-browser-container { | 45 #sync-node-browser-container { |
| 46 -webkit-box-flex: 1; |
| 44 height: 100%; | 47 height: 100%; |
| 45 overflow: auto; | 48 overflow: auto; |
| 46 -webkit-box-flex: 1; | |
| 47 } | 49 } |
| 48 | 50 |
| 49 #node-browser { | 51 #node-browser { |
| 50 width: 100%; | 52 width: 100%; |
| 51 } | 53 } |
| 52 | 54 |
| 53 #node-browser td { | 55 #node-browser td { |
| 54 vertical-align: top; | 56 vertical-align: top; |
| 55 } | 57 } |
| 56 | 58 |
| 57 /* Platform annotations are set in sync_node_browser.js. */ | |
| 58 /* TODO(akalin): Make the BMM also use this style. */ | |
| 59 html[os=win] #sync-node-splitter { | |
| 60 cursor: e-resize; | |
| 61 } | |
| 62 | |
| 63 #node-browser tr:nth-child(odd) { | 59 #node-browser tr:nth-child(odd) { |
| 64 background: #eff3ff; | 60 background: #eff3ff; |
| 65 } | 61 } |
| OLD | NEW |