1/*
2 * Copyright (C) 2024 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
17export const viewerCardStyle = `
18    .rects-view:not(.collapsed),
19    .hierarchy-view:not(.collapsed),
20    .ime-additional-properties:not(.collapsed),
21    .properties-view:not(.collapsed),
22    .log-view:not(.collapsed),
23    .property-groups:not(.collapsed) {
24        display: flex;
25        flex-direction: column;
26        overflow: auto;
27        border-radius: 4px;
28        background-color: unset;
29        margin: 4px;
30        padding-bottom: 12px;
31        background-color: var(--background-color);
32        box-shadow: 0px 1px 3px var(--border-color), 0px 1px 2px var(--border-color);
33    }
34
35    .log-view:not(.collapsed) {
36        padding: 12px;
37    }
38
39    .rects-view:not(.collapsed),
40    .hierarchy-view:not(.collapsed),
41    .ime-additional-properties:not(.collapsed),
42    .properties-view:not(.collapsed) {
43        flex: 1;
44    }
45
46    .property-groups:not(.collapsed):not(.empty) {
47      flex: 2;
48    }
49
50    .property-groups.empty:not(.collapsed) {
51      flex: 0.2;
52    }
53
54    .log-view:not(.collapsed) {
55        flex: 3;
56    }
57
58    .rects-view.collapsed,
59    .hierarchy-view.collapsed,
60    .ime-additional-properties.collapsed,
61    .properties-view.collapsed,
62    .log-view.collapsed,
63    .property-groups.collapsed {
64        display: none;
65    }
66`;
67
68export const viewerCardInnerStyle = `
69    .title-section {
70        display: flex;
71        flex-direction: row;
72        flex-wrap: wrap;
73        justify-content: space-between;
74        background-color: var(--card-title-background-color);
75        padding: 0px 12px 0px 12px;
76    }
77
78    .view-controls {
79        display: flex;
80        flex-direction: row;
81        align-items: baseline;
82        padding: 8px 12px;
83        overflow-x: auto;
84        overflow-y: hidden;
85    }
86`;
87