WhyPaused.css (1379B)
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 .why-paused { 6 display: flex; 7 flex-direction: column; 8 justify-content: center; 9 background-color: var(--paused-background-color); 10 color: var(--paused-color); 11 font-size: 12px; 12 cursor: default; 13 white-space: normal; 14 font-weight: bold; 15 16 &:not(.hidden) { 17 min-height: 44px; 18 border-bottom: 1px solid var(--theme-splitter-color); 19 padding: 6px; 20 } 21 22 /* The component is always rendered as it's an aria live region and always need to 23 be in the DOM for it to properly announce changes */ 24 &.hidden { 25 opacity: 0; 26 } 27 } 28 29 .why-paused > div { 30 display: flex; 31 flex-direction: row; 32 align-items: center; 33 } 34 35 .why-paused .info.icon { 36 align-self: center; 37 padding-right: 4px; 38 margin-inline-start: 14px; 39 margin-inline-end: 3px; 40 } 41 42 .why-paused .pause.reason { 43 display: flex; 44 flex-direction: column; 45 padding-right: 4px; 46 } 47 48 .why-paused .location { 49 color: var(--paused-color); 50 padding-block: 2px; 51 } 52 53 .why-paused :is(.location, .message, .mutationNode) { 54 font-family: var(--monospace-font-family); 55 font-weight: normal; 56 font-size: 10px; 57 } 58 59 .why-paused .message.error { 60 color: var(--paused-error-color); 61 font-style: normal; 62 }