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
/* Base styles (common to most error boundaries) */
/* Container */
.app-error-panel {
color: var(--theme-text-color-strong);
display: flex;
flex-direction: column;
font-family: inherit;
font-size: 16px;
margin: 0 0 2rem;
overflow-y: scroll;
padding: 1rem 3rem;
width: 100%;
height: 100%;
}
/* "Has crashed" header */
.app-error-panel .error-panel-header {
align-self: center;
font-size: 1.5em;
font-weight: 300;
}
/* "File a Bug" button */
.app-error-panel .error-panel-file-button {
align-self: center;
background-color: var(--blue-60);
outline: none;
color: white;
font-size: 1em;
font-weight: 400;
margin-bottom: 14.74px;
padding: 0.75rem;
text-align: center;
inline-size: 200px;
text-decoration: none;
}
.app-error-panel .error-panel-file-button:hover {
background-color: var(--blue-70);
}
.app-error-panel .error-panel-file-button:hover:active {
background-color: var(--blue-80);
}
/* Text of the error itself, not the stack trace */
.app-error-panel .error-panel-error {
background-color: var(--theme-body-emphasized-background);
border: 1px solid var(--theme-toolbar-separator);
border-block-end: 0;
font-size: 1.2em;
font-weight: 500;
margin: 0;
padding: 2rem;
}
/* Stack trace; composed of <p> elements */
.app-error-panel .stack-trace-section {
background-color: var(--theme-body-emphasized-background);
border: 1px solid var(--theme-toolbar-separator);
padding: 2rem;
margin-bottom: 1rem;
}
.app-error-panel .stack-trace-section p {
color: var(--theme-stack-trace-text);
margin: 0;
margin-inline-start: 1rem;
}
.app-error-panel .stack-trace-section p:first-child {
margin: 0;
}
/* Instructions to reopen the toolbox */
.app-error-panel .error-panel-reload-info {
font-size: 1em;
font-weight: 400;
margin: 2rem 0 1rem;
}