1/* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4
5/*
6 *  Style for the heading of a debug target pane
7 *  +-----------------+---------------+-----------------+
8 *  | [Category icon] | Category name | [Collapse icon] |
9 *  +-----------------+---------------+-----------------+
10 */
11.debug-target-pane__heading {
12  grid-template-columns: var(--main-subheading-icon-size) max-content calc(var(--base-unit) * 3);
13  user-select: none;
14}
15
16.debug-target-pane__icon {
17  transition: transform 150ms cubic-bezier(.07, .95, 0, 1);
18  transform: rotate(90deg);
19}
20
21.debug-target-pane__icon--collapsed {
22  transform: rotate(0deg);
23}
24
25.debug-target-pane__icon--collapsed:dir(rtl) {
26  transform: rotate(180deg);
27}
28
29.debug-target-pane__title {
30  cursor: pointer;
31}
32
33.debug-target-pane__collapsable {
34  overflow: hidden;
35  /* padding will give space for card shadow to appear and
36     margin will correct the alignment */
37  margin-inline: calc(var(--card-shadow-blur-radius) * -1);
38  padding-inline: var(--card-shadow-blur-radius);
39}
40
41.debug-target-pane__collapsable--collapsed {
42  max-height: 0;
43}
44