| OLD | NEW |
| (Empty) |
| 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 } | |
| OLD | NEW |