chrome/browser/resources/sync_internals/sync_node_browser.css

   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: -webkit-box;
  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: 50px;
  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   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   -webkit-box-flex: 1;
  52   height: 100%;
  53   overflow: auto;
  54   visibility: hidden;  /* Element is invisible until first refresh. */
  55 }
  56
  57 #node-details {
  58   width: 100%;
  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 }