Home | History | Annotate | Download | only in css 
      1 /* Copyright 2013 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 /* Derived from /ui/webui/resources/css/table.css. */
      6 
      7 tree {
      8   display: block;
      9   outline: none;
     10   overflow: auto;
     11 }
     12 
     13 .tree-item > .tree-row {
     14   -webkit-user-select: none;
     15   cursor: default;
     16   position: relative;
     17   white-space: nowrap;
     18 }
     19 
     20 .expand-icon {
     21   -webkit-transform: rotate(-90deg);
     22   -webkit-transition: all 150ms;
     23   background-image: -webkit-canvas(tree-triangle);
     24   background-position: 50% 50%;
     25   background-repeat: no-repeat;
     26   background-size: 8px 5px;
     27   display: inline-block;
     28   height: 16px;
     29   position: relative;
     30   vertical-align: top;
     31 }
     32 
     33 html[dir=rtl] .expand-icon {
     34   -webkit-transform: rotate(90deg);
     35 }
     36 
     37 .tree-item[expanded] > .tree-row > .expand-icon {
     38   -webkit-transform: rotate(0);
     39   background-image: -webkit-canvas(tree-triangle);
     40 }
     41 
     42 .tree-row .expand-icon {
     43   visibility: hidden;
     44 }
     45 
     46 .tree-row[may-have-children] .expand-icon {
     47   visibility: visible;
     48 }
     49 
     50 .tree-row[has-children=false] .expand-icon {
     51   visibility: hidden;
     52 }
     53 
     54 .tree-row[selected] {
     55   z-index: 2;
     56 }
     57 
     58 .tree-children[expanded] {
     59   display: block;
     60 }
     61 
     62 .tree-children {
     63   display: none;
     64 }
     65 
     66 .tree-item > .tree-row > * {
     67   display: inline-block;
     68 }
     69 
     70 .tree-label {
     71   white-space: pre;
     72 }
     73 
     74 /* We need to ensure that even empty labels take up space */
     75 .tree-label:empty::after {
     76   content: ' ';
     77   white-space: pre;
     78 }
     79 
     80 .tree-rename > .tree-row > .tree-label {
     81   -webkit-user-modify: read-write-plaintext-only;
     82   -webkit-user-select: auto;
     83 }
     84