xref: /aosp_15_r20/external/perfetto/ui/src/assets/widgets/details_table.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
15table.pf-details-table {
16  @include transition(0.1s);
17  @include table-font-size;
18  width: 100%;
19  // Aggregation panel uses multiple table elements that need to be aligned,
20  // which is done by using fixed table layout.
21  table-layout: fixed;
22  word-wrap: break-word;
23  padding: 0 10px;
24  tr:hover {
25    td,
26    th {
27      background-color: $table-hover-color;
28
29      &.no-highlight {
30        background-color: white;
31      }
32    }
33  }
34  th {
35    text-align: left;
36    width: 30%;
37    font-weight: normal;
38    vertical-align: top;
39  }
40  td.value {
41    white-space: pre-wrap;
42  }
43  td.padding {
44    min-width: 10px;
45  }
46  .array-index {
47    text-align: right;
48  }
49}
50
51.auto-layout {
52  table-layout: auto;
53}
54