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