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/* Base styles (common to most error boundaries) */
6
7
8/* Container */
9.app-error-panel {
10  color: var(--theme-text-color-strong);
11  display: flex;
12  flex-direction: column;
13  font-family: inherit;
14  margin: 0 0 2rem;
15  overflow-y: scroll;
16  padding: 1rem 3rem;
17  width: 100%;
18  height: 100%;
19}
20
21/* "Has crashed" header */
22.app-error-panel .error-panel-header {
23  align-self: center;
24  font-size: 22px;
25  font-weight: 300;
26}
27
28/* "File a Bug" button */
29.app-error-panel .error-panel-file-button {
30  align-self: center;
31  background-color: var(--blue-60);
32  outline: none;
33  color: white;
34  font-size: 15px;
35  font-weight: 400;
36  margin-bottom: 14.74px;
37  padding: 0.75rem;
38  text-align: center;
39  inline-size: 200px;
40  text-decoration: none;
41}
42
43.app-error-panel .error-panel-file-button:hover {
44  background-color: var(--blue-70);
45}
46
47.app-error-panel .error-panel-file-button:hover:active {
48  background-color: var(--blue-80);
49}
50
51/* Text of the error itself, not the stack trace */
52.app-error-panel .error-panel-error {
53  background-color: var(--theme-body-emphasized-background);
54  border: 1px solid var(--theme-toolbar-separator);
55  border-block-end: 0;
56  font-size: 17px;
57  font-weight: 500;
58  margin: 0;
59  padding: 2rem;
60}
61
62/* Stack trace; composed of <p> elements */
63.app-error-panel .stack-trace-section {
64  background-color: var(--theme-body-emphasized-background);
65  border: 1px solid var(--theme-toolbar-separator);
66  padding: 2rem;
67  margin-bottom: 1rem;
68}
69
70.app-error-panel .stack-trace-section p {
71  color: var(--theme-stack-trace-text);
72  margin: 0;
73  margin-inline-start: 1rem;
74}
75
76.app-error-panel .stack-trace-section p:first-child {
77  margin: 0;
78}
79
80/* Instructions to reopen the toolbox */
81.app-error-panel .error-panel-reload-info {
82  font-size: 15px;
83  font-weight: 400;
84  margin: 2rem 0 1rem;
85}
86