xref: /aosp_15_r20/external/perfetto/ui/src/assets/widgets/flamegraph.scss (revision 6dbdd20afdafa5e3ca9b8809fa73465d530080dc)
1// Copyright (C) 2023 The Android Open Source Project
2//
3// Licensed under the Apache License, Version 2.0 (the "License");
4// you may not use this file except in compliance with the License.
5// You may obtain a copy of the License at
6//
7//      http://www.apache.org/licenses/LICENSE-2.0
8//
9// Unless required by applicable law or agreed to in writing, software
10// distributed under the License is distributed on an "AS IS" BASIS,
11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12// See the License for the specific language governing permissions and
13// limitations under the License.
14
15.pf-flamegraph {
16  height: 100%;
17  overflow-y: hidden;
18
19  .loading-container {
20    font-size: larger;
21    display: flex;
22    align-items: center;
23    justify-content: center;
24    height: 100%;
25  }
26
27  .filter-bar {
28    margin: 6px 8px;
29    display: flex;
30    column-gap: 8px;
31    align-items: start;
32
33    .pf-tag-input {
34      flex-grow: 1;
35    }
36
37    .pf-select {
38      flex-shrink: 0;
39    }
40  }
41
42  .popup-anchor {
43    width: 0px;
44    height: 0px;
45    position: absolute;
46  }
47
48  canvas {
49    user-select: none;
50  }
51
52  .canvas-container {
53    height: 100%;
54    position: relative;
55    overflow-y: auto;
56  }
57}
58
59.pf-flamegraph-filter-bar-popup-content {
60  white-space: pre-line;
61  width: max-content;
62  font-family: "Roboto Condensed", sans-serif;
63}
64
65.pf-flamegraph-tooltip-popup {
66  width: max-content;
67  font-family: "Roboto Condensed", sans-serif;
68  font-size: 15px;
69  display: flex;
70  flex-direction: column;
71  padding: 4px;
72
73  .tooltip-text-line {
74    display: flex;
75    cursor: text;
76    padding-top: 4px;
77    gap: 4px;
78  }
79
80  .tooltip-text {
81    cursor: text;
82  }
83
84  .tooltip-bold-text {
85    font-weight: 600;
86    cursor: text;
87  }
88
89  .pf-button-bar {
90    padding-top: 16px;
91  }
92}
93