| 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-search-query { | 5 #sync-search-query { |
| 8 width: 20em; | 6 width: 20em; |
| 9 } | 7 } |
| 10 | 8 |
| 11 #sync-search-status { | 9 #sync-search-status { |
| 12 color: #333; | 10 color: #333; |
| 13 font-style: italic; | 11 font-style: italic; |
| 14 } | 12 } |
| 15 | 13 |
| 16 #sync-results-container { | 14 #sync-results-container { |
| 17 display: -webkit-box; | 15 display: -webkit-box; |
| 18 /* Should be > #sync-page's min-height. */ | 16 /* Should be > #sync-page's min-height. */ |
| 19 /* TODO(akalin): Find a less hacky way to do this. */ | 17 /* TODO(akalin): Find a less hacky way to do this. */ |
| 20 height: 750px; | 18 height: 750px; |
| 21 } | 19 } |
| 22 | 20 |
| 23 #sync-results-list { | 21 #sync-results-list { |
| 22 -webkit-padding-start: 10px; |
| 23 box-sizing: border-box; |
| 24 height: 100%; | 24 height: 100%; |
| 25 /* min-width and max-width are used by the split pane. */ |
| 26 max-width: 50%; |
| 27 min-width: 50px; |
| 28 overflow: auto; |
| 29 padding: 5px; |
| 25 width: 275px; | 30 width: 275px; |
| 26 /* min-width and max-width are used by the split pane. */ | |
| 27 min-width: 50px; | |
| 28 max-width: 50%; | |
| 29 overflow: auto; | |
| 30 box-sizing: border-box; | |
| 31 padding: 5px; | |
| 32 -webkit-padding-start: 10px; | |
| 33 } | 31 } |
| 34 | 32 |
| 35 #sync-results-splitter { | 33 #sync-results-splitter { |
| 36 width: 5px; | |
| 37 background-color: #ebeff9; | 34 background-color: #ebeff9; |
| 38 cursor: col-resize; | 35 cursor: col-resize; |
| 39 } | 36 width: 5px; |
| 40 | 37 <if expr="is_win"> |
| 41 /* Platform annotations are set in sync_node_browser.js. */ | 38 /* TODO(akalin): Make the BMM also use this style. */ |
| 42 /* TODO(akalin): Make the BMM also use this style. */ | |
| 43 html[os=win] #sync-results-splitter { | |
| 44 cursor: e-resize; | 39 cursor: e-resize; |
| 40 </if> |
| 45 } | 41 } |
| 46 | 42 |
| 47 #sync-result-details-container { | 43 #sync-result-details-container { |
| 48 height: 100%; | 44 height: 100%; |
| 49 overflow: auto; | 45 overflow: auto; |
| 50 -webkit-box-flex: 1; | 46 -webkit-box-flex: 1; |
| 51 | 47 |
| 52 /* TODO(akalin): Figure out why this is needed, even with box-flex: 1. */ | 48 /* TODO(akalin): Figure out why this is needed, even with box-flex: 1. */ |
| 53 width: 100%; | 49 width: 100%; |
| 54 } | 50 } |
| OLD | NEW |