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