Web Inspector: DOM: provide a way to disable/breakpoint all event listeners for a...
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / AuditTestCaseContentView.css
1 /*
2  * Copyright (C) 2018 Apple Inc. All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions
6  * are met:
7  * 1. Redistributions of source code must retain the above copyright
8  *    notice, this list of conditions and the following disclaimer.
9  * 2. Redistributions in binary form must reproduce the above copyright
10  *    notice, this list of conditions and the following disclaimer in the
11  *    documentation and/or other materials provided with the distribution.
12  *
13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23  * THE POSSIBILITY OF SUCH DAMAGE.
24  */
25
26 .content-view-container > .content-view.audit-test-case > header {
27     position: sticky;
28     top: -1px;
29     z-index: var(--z-index-header);
30     margin-top: -1px;
31     background-color: var(--audit-test-header-background-color);
32     border-top: 1px solid var(--border-color);
33     -webkit-backdrop-filter: blur(20px);
34 }
35
36 .content-view-container > .content-view.audit-test-case > section > :not(.message-text-view):first-child {
37     margin-top: var(--audit-test-vertical-space);
38 }
39
40 .content-view.audit-test-case > header {
41     -webkit-padding-end: calc(var(--audit-test-horizontal-space) / 2);
42 }
43
44 .content-view.audit-test-case > header h1 {
45     display: flex;
46     align-items: center;
47 }
48
49 .content-view.audit-test-case > header h1 > img {
50     width: 1em;
51     height: 1em;
52     min-width: 16px;
53     min-height: 16px;
54     -webkit-margin-end: 0.25em;
55 }
56
57 .content-view.audit-test-case > header > .metadata {
58     display: flex;
59     align-items: center;
60     text-align: end;
61 }
62
63 .content-view.audit-test-case > header > .metadata > .source {
64     -webkit-margin-end: 3px;
65 }
66
67 .content-view.audit-test-case > header > .metadata > .source > time {
68     display: block;
69     font-style: italic;
70     white-space: nowrap;
71 }
72
73 .content-view.audit-test-case > header > .metadata > .source > a {
74     display: block;
75 }
76
77 .content-view.audit-test-case > header > .metadata > .duration {
78     display: inline-block;
79     min-width: var(--metadata-width);
80     -webkit-margin-start: var(--audit-test-horizontal-space);
81     font-size: 12px;
82     text-align: center;
83     font-weight: bold;
84 }
85
86 .content-view.audit-test-case > section > :not(.message-text-view) {
87     margin-right: var(--audit-test-horizontal-space);
88     margin-left: var(--audit-test-horizontal-space);
89 }
90
91 .content-view.audit-test-case > section > :not(.message-text-view):last-child {
92     margin-bottom: var(--audit-test-vertical-space);
93 }
94
95 .content-view.audit-test-case > section > :not(.message-text-view) + :not(.message-text-view) {
96     margin-top: var(--audit-test-vertical-space);
97 }
98
99 .content-view.audit-test-case > section h1 {
100     margin-bottom: 4px;
101 }
102
103 .content-view.audit-test-case > section table {
104     width: 100%;
105     border-collapse: collapse;
106 }
107
108 .content-view.audit-test-case > section table > tr + tr > td {
109     padding-top: 2px;
110 }
111
112 .content-view.audit-test-case > section table > tr > td > :not(.tree-outline) {
113     -webkit-user-select: text;
114 }
115
116 .content-view.audit-test-case > section table > tr > td:first-child {
117     font-family: -webkit-system-font, sans-serif;
118     font-size: 11px;
119     font-variant-numeric: tabular-nums;
120     text-align: end;
121     vertical-align: top;
122     color: var(--console-secondary-text-color);
123 }
124
125 .content-view.audit-test-case > section > .dom-nodes > table > tr > td:first-child {
126     position: relative;
127     top: -1px;
128 }
129
130 .content-view.audit-test-case > section table > tr > td + td {
131     width: 100%;
132 }
133
134 .content-view.audit-test-case > section .CodeMirror {
135     width: 100%;
136     height: auto;
137 }
138
139 .content-view.audit-test-case > section .mark {
140     background-color: hsla(53, 83%, 53%, 0.2);
141     border-bottom: 1px solid hsl(47, 82%, 60%);
142 }