DebugTargetPane.css (1209B)
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(0.07, 0.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(--base-unit) * -1); 38 padding-inline: var(--base-unit); 39 } 40 41 .debug-target-pane__collapsable--collapsed { 42 max-height: 0; 43 }