OLD | NEW |
| (Empty) |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. */ | |
4 | |
5 #sync-node-browser-refresher { | |
6 border-bottom: 1px rgb(160,160,160) solid; | |
7 } | |
8 | |
9 #sync-node-browser-refresher > * { | |
10 display: inline-block; | |
11 } | |
12 | |
13 #sync-node-browser-container { | |
14 display: flex; | |
15 height: 750px; | |
16 } | |
17 | |
18 #sync-node-tree-container { | |
19 -webkit-padding-start: 10px; | |
20 box-sizing: border-box; | |
21 height: 100%; | |
22 /* min-width and max-width are used by the split pane. */ | |
23 max-width: 50%; | |
24 min-width: 200px; | |
25 overflow: auto; | |
26 width: 200px; | |
27 } | |
28 | |
29 #sync-node-tree { | |
30 display: inline-block; | |
31 min-width: 100%; | |
32 overflow: visible; /* let the container do the scrolling */ | |
33 } | |
34 | |
35 /* TODO(akalin): Find a better icon to use for leaf nodes. */ | |
36 #sync-node-tree .leaf .tree-label { | |
37 background-image: url(../../../ui/webui/resources/images/star_small.png); | |
38 } | |
39 | |
40 #sync-node-splitter { | |
41 background-color: rgb(235, 239, 249); | |
42 cursor: col-resize; | |
43 min-width: 5px; | |
44 <if expr="is_win"> | |
45 /* TODO(akalin): Make the BMM also use this style. */ | |
46 cursor: e-resize; | |
47 </if> | |
48 } | |
49 | |
50 #sync-node-details-container { | |
51 flex: 1; | |
52 height: 100%; | |
53 overflow: auto; | |
54 visibility: hidden; /* Element is invisible until first refresh. */ | |
55 } | |
56 | |
57 #node-details { | |
58 flex-grow: 1; | |
59 } | |
60 | |
61 #node-details td { | |
62 vertical-align: top; | |
63 white-space: nowrap; | |
64 } | |
65 | |
66 #node-details tr:nth-child(odd) { | |
67 background: rgb(239, 243, 255); | |
68 } | |
OLD | NEW |