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
.tree.object-inspector .node.object-node {
display: inline-block;
}
.tree.object-inspector .object-label,
.tree.object-inspector .object-label * {
color: var(--theme-highlight-blue);
}
.tree.object-inspector .node .unavailable {
color: var(--theme-comment);
}
.tree.object-inspector .lessen,
.tree.object-inspector .lessen *,
.tree.object-inspector .lessen .object-label,
.tree.object-inspector .lessen .object-label * {
color: var(--theme-comment);
}
.tree.object-inspector .block .object-label,
.tree.object-inspector .block .object-label * {
color: var(--theme-body-color);
}
.tree.object-inspector .block .object-label::before {
content: "☲";
font-size: 1.1em;
display: inline;
padding-inline-end: 2px;
line-height: 14px;
}
.object-inspector .object-delimiter {
color: var(--theme-comment);
white-space: pre-wrap;
}
.object-inspector .tree-node .arrow {
display: inline-block;
vertical-align: middle;
margin-inline-start: -1px;
}
/* Focused styles */
.tree.object-inspector .tree-node.focused * {
color: inherit;
}
.tree-node.focused button.open-inspector {
fill: currentColor;
}
.tree-node.focused button.invoke-getter {
background-color: currentColor;
}
button[class*="remove-watchpoint-"] {
no-repeat;
display: inline-block;
vertical-align: top;
height: 13px;
width: 15px;
margin: 1px 4px 0px 20px;
padding: 0;
border: none;
-moz-context-properties: fill, stroke;
cursor: pointer;
}
button.remove-watchpoint-set {
fill: var(--breakpoint-fill);
stroke: var(--breakpoint-fill);
}
button.remove-watchpoint-get {
fill: var(--purple-60);
stroke: var(--purple-60);
}
button.remove-watchpoint-getorset {
fill: var(--yellow-60);
stroke: var(--yellow-60);
}
.tree-node.focused button[class*="remove-watchpoint-"] {
stroke: white;
}
/* Don't display the light grey background we have on button hover */
.theme-dark button[class*="remove-watchpoint-"]:hover,
.theme-light button[class*="remove-watchpoint-"]:hover {
background-color: transparent;
}
/* Specific style for when root nodes are displayed as header (e.g. in debugger preview popup */
.tree.object-inspector.header-root-node {
.tree-node[aria-level="1"] {
border-block-end: 1px solid var(--theme-splitter-color);
padding-block-end: 4px;
margin-block-end: 4px;
overflow-x: clip;
word-break: keep-all;
}
.tree-node:not([aria-level="1"]) .tree-indent:first-of-type {
width: 0;
}
}