Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
/*
* Style for the heading of a debug target pane
* +-----------------+---------------+-----------------+
* | [Category icon] | Category name | [Collapse icon] |
* +-----------------+---------------+-----------------+
*/
.debug-target-pane__heading {
grid-template-columns: var(--main-subheading-icon-size) max-content calc(var(--base-unit) * 3);
user-select: none;
}
.debug-target-pane__icon {
transition: transform 150ms cubic-bezier(.07, .95, 0, 1);
transform: rotate(90deg);
}
.debug-target-pane__icon--collapsed {
transform: rotate(0deg);
}
.debug-target-pane__icon--collapsed:dir(rtl) {
transform: rotate(180deg);
}
.debug-target-pane__title {
cursor: pointer;
}
.debug-target-pane__collapsable {
overflow: hidden;
/* padding will give space for card shadow to appear and
margin will correct the alignment */
margin-inline: calc(var(--card-shadow-blur-radius) * -1);
padding-inline: var(--card-shadow-blur-radius);
}
.debug-target-pane__collapsable--collapsed {
max-height: 0;
}