Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(370)

Side by Side Diff: chrome/browser/resources/sync_internals/sync_node_browser.css

Issue 9794016: [webui] get rid of more html[os=] rules (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: presub Created 8 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/shared_resources.grd ('k') | chrome/browser/resources/sync_internals/sync_search.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698