xref: /aosp_15_r20/external/perfetto/ui/src/plugins/dev.perfetto.WidgetsPage/styles.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.widgets-page {
16  padding: 20px;
17  font-size: 16px;
18  overflow: auto;
19
20  h1 {
21    margin: 32px 0 0 0;
22    font-size: 28px;
23  }
24
25  h2 {
26    margin: 16px 0 0 0;
27    font-size: 24px;
28  }
29
30  ul {
31    margin-block-start: 5px;
32    margin-block-end: 0px;
33    padding-inline-start: 0px;
34  }
35
36  li {
37    list-style-type: none;
38    margin: 2px 0 0 0;
39  }
40
41  .widget-row {
42    margin: 10px;
43
44    & > * {
45      margin-right: 5px;
46    }
47  }
48
49  .widget-block {
50    display: flex;
51    flex-direction: row;
52  }
53
54  .widget-controls {
55    margin: 10px;
56  }
57
58  .widget-container {
59    display: flex;
60    min-width: 300px;
61    max-width: 600px;
62    min-height: 250px;
63    border-radius: 3px;
64    box-shadow: inset 2px 2px 10px #00000020;
65    border: dashed 1px gray;
66    margin: 10px 0 10px 0;
67    padding: 16px;
68
69    & > * {
70      margin: auto;
71      vertical-align: middle;
72    }
73  }
74
75  .widget-container-wide {
76    min-width: 450px;
77  }
78}
79