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/. */
13 #inspector-searchlabel {
17 #inspector-breadcrumbs-toolbar {
19 border-bottom-width: 0px;
20 border-top-width: 1px;
23 /* Expand/collapse panel toolbar button */
25 #inspector-pane-toggle {
26 list-style-image: var(--theme-pane-collapse-image);
29 #inspector-pane-toggle[pane-collapsed] {
30 list-style-image: var(--theme-pane-expand-image);
33 @media (max-width: 700px) {
34 #inspector-pane-toggle > .toolbarbutton-icon {
35 transform: rotate(90deg);
39 /* Add element toolbar button */
41 #inspector-element-add-button {
42 list-style-image: url("chrome://devtools/skin/images/add.svg");
47 #devtools-tooltip-events-container {
48 margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
59 .event-header:first-child {
63 .event-header:not(:first-child) {
64 border-width: 1px 0 0 0;
67 .event-tooltip-event-type,
68 .event-tooltip-filename,
69 .event-tooltip-attributes {
70 margin-inline-start: 0;
75 .event-tooltip-event-type {
80 .event-tooltip-filename {
86 .event-tooltip-debugger-icon {
89 margin-inline-end: 4px;
94 .event-tooltip-debugger-icon:hover {
98 .event-tooltip-content-box {
102 margin-inline-end: 0;
103 border: 1px solid var(--theme-splitter-color);
104 border-width: 1px 0 0 0;
107 .event-toolbox-content-box iframe {
111 .event-tooltip-content-box[open] {
115 .event-tooltip-source-container {
118 margin-inline-start: 5px;
119 margin-inline-end: 0;
122 .event-tooltip-source {
126 .event-tooltip-attributes-container {
130 justify-content: flex-end;
133 .event-tooltip-attributes-box {
139 margin-inline-start: 5px;
140 background-color: var(--theme-body-color-alt);
141 color: var(--theme-toolbar-background);
144 .event-tooltip-attributes {