src/ui/file_manager/file_manager/foreground/css/tree.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 }