| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. */ |
| |
| #sync-node-main { |
| display: -webkit-box; |
| /* Should be > #sync-page's min-height. */ |
| /* TODO(akalin): Find a less hacky way to do this. */ |
| height: 750px; |
| } |
| |
| #sync-node-tree-container { |
| -webkit-padding-start: 10px; |
| box-sizing: border-box; |
| height: 100%; |
| /* min-width and max-width are used by the split pane. */ |
| max-width: 50%; |
| min-width: 50px; |
| overflow: auto; |
| padding: 5px; |
| width: 200px; |
| } |
| |
| #sync-node-tree { |
| display: inline-block; |
| min-width: 100%; |
| overflow: visible; /* let the container do the scrolling */ |
| } |
| |
| /* TODO(akalin): Find a better icon to use for leaf nodes. */ |
| #sync-node-tree .leaf .tree-label { |
| background-image: url('../../../../ui/webui/resources/images/star_small.png'); |
| } |
| |
| #sync-node-splitter { |
| background-color: rgb(235, 239, 249); |
| cursor: col-resize; |
| width: 5px; |
| <if expr="is_win"> |
| /* TODO(akalin): Make the BMM also use this style. */ |
| cursor: e-resize; |
| </if> |
| } |
| |
| #sync-node-browser-container { |
| -webkit-box-flex: 1; |
| height: 100%; |
| overflow: auto; |
| } |
| |
| #node-browser { |
| width: 100%; |
| } |
| |
| #node-browser td { |
| vertical-align: top; |
| } |
| |
| #node-browser tr:nth-child(odd) { |
| background: rgb(239, 243, 255); |
| } |