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: #aaa;
29        color: ${Color.TEXT_BLACK};
30    }
31
32    .tree-view-chip.tree-view-chip-warn {
33        background-color: ${Color.CHIP_ORANGE};
34    }
35
36    .tree-view-chip.tree-view-chip-error {
37        background-color: ${Color.CHIP_RED};
38    }
39
40    .tree-view-chip.tree-view-chip-gpu {
41        background-color: ${Color.CHIP_GREEN};
42    }
43
44    .tree-view-chip.tree-view-chip-hwc {
45        background-color: ${Color.CHIP_BLUE};
46    }
47`;
48
49export const propertyTreeNodeDataViewStyles = `
50    .node-property {
51        display: flex;
52        flex-direction: row;
53    }
54    .property-key {
55        position: relative;
56        display: inline-block;
57        padding-right: 2px;
58        word-break: keep-all;
59    }
60    .property-value {
61        position: relative;
62        display: inline-block;
63        vertical-align: top;
64    }
65    .old-value {
66        color: ${Color.TEXT_GRAY};
67        display: flex;
68    }
69    .value {
70        color: var(--purple-text-color);
71    }
72    .new {
73        display: flex;
74    }
75    .value.null {
76        color: ${Color.TEXT_GRAY};
77    }
78    .value.number {
79        color: var(--blue-text-color);
80    }
81    .value.true {
82        color: var(--green-text-color);
83    }
84    .value.false {
85        color: var(--red-text-color);
86    }
87`;
88