xref: /aosp_15_r20/external/perfetto/ui/src/assets/widgets/form.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@import "theme";
16
17.pf-form {
18  display: grid;
19  grid-template-columns: auto auto;
20  gap: 8px;
21  font-family: $pf-font;
22
23  .pf-form-button-bar {
24    grid-column: span 2;
25    margin-top: 6px;
26    display: flex;
27    justify-content: right;
28    flex-direction: row-reverse;
29    align-items: center;
30    gap: 2px;
31  }
32
33  .pf-form-label {
34    font-weight: bolder;
35  }
36}
37
38// Add some spacing around forms when placed inside a menu
39.pf-menu {
40  .pf-form {
41    // Compensate for the uneven |4px 0| padding in pf-menu, resulting in an
42    // even 4px padding all around the form.
43    margin: 0 4px;
44  }
45}
46