1/* 2 * Copyright (C) 2022 The Android Open Source Project 3 * 4 * Licensed under the Apache License, Version 2.0 (the "License"); 5 * you may not use this file except in compliance with the License. 6 * You may obtain a copy of the License at 7 * 8 * http://www.apache.org/licenses/LICENSE-2.0 9 * 10 * Unless required by applicable law or agreed to in writing, software 11 * distributed under the License is distributed on an "AS IS" BASIS, 12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 * See the License for the specific language governing permissions and 14 * limitations under the License. 15 */ 16 17import {Color} from 'app/colors'; 18 19export const hierarchyTreeNodeDataViewStyles = ` 20 .tree-view-internal-chip { 21 display: inline-block; 22 } 23 24 .tree-view-chip { 25 margin: 0 5px; 26 padding: 0 10px; 27 border-radius: 10px; 28 background-color: ${Color.CHIP_BLUE}; 29 color: ${Color.TEXT_BLACK}; 30 } 31`; 32 33export const propertyTreeNodeDataViewStyles = ` 34 .node-property { 35 display: flex; 36 flex-direction: row; 37 } 38 .property-key { 39 position: relative; 40 display: inline-block; 41 padding-right: 2px; 42 word-break: keep-all; 43 } 44 .property-value { 45 position: relative; 46 display: inline-block; 47 vertical-align: top; 48 } 49 .old-value { 50 color: var(--gray-text-color); 51 display: flex; 52 } 53 .new { 54 display: flex; 55 } 56 .value.null { 57 color: var(--gray-text-color); 58 } 59 .value.true { 60 color: var(--green-text-color); 61 } 62 .value.false { 63 color: var(--red-text-color); 64 } 65`; 66