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