1 /* vim:set ts=2 sw=2 sts=2 et: */
2 /* This Source Code Form is subject to the terms of the Mozilla Public
3 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
4 * You can obtain one at http://mozilla.org/MPL/2.0/. */
10 #jit-optimizations-view {
14 --jit-tree-row-height: 14;
15 --jit-tree-header-height: 16;
18 /* Override layout styles applied by minimal-xul.css */
19 #jit-optimizations-view div {
22 #jit-optimizations-view span {
23 display: inline-block;
26 #jit-optimizations-view > div {
27 /* For elements that need to flex to fill the available space and/or
28 * scroll on overflow, we need to use the old flexbox model, since the
29 * parent nodes are in the XUL namespace. The new flexbox model can't
30 * properly compute dimensions and will ignore `flex: ${number}` properties,
31 * since no other parent node has a flex display. */
34 -moz-box-orient: vertical;
37 #jit-optimizations-view .optimization-header,
38 #jit-optimizations-view .tree * {
39 /* We can, however, display child nodes as flex to take advantage of
40 * horizontal/vertical inlining. */
44 #jit-optimizations-view .optimization-header {
45 height: var(--jit-tree-header-height);
47 background-color: var(--theme-tab-toolbar-background);
50 #jit-optimizations-view .header-title {
52 padding-inline-end: 7px;
55 #jit-optimizations-view .tree {
58 -moz-box-orient: vertical;
60 background-color: var(--theme-body-background);
63 #jit-optimizations-view .tree-node {
64 height: var(--jit-tree-row-height);
67 #jit-optimizations-view .tree-node button {
71 #jit-optimizations-view .optimization-outcome.success {
72 color: var(--theme-highlight-green);
74 #jit-optimizations-view .optimization-outcome.failure {
75 color: var(--theme-highlight-red);
79 background-image: url(chrome://devtools/skin/images/webconsole.svg);
83 display: inline-block;
85 background-repeat: no-repeat;
86 background-size: 72px 60px;
87 /* show grey "i" bubble by default */
88 background-position: -36px -36px;
98 .opt-icon.warning::before {
99 background-position: -24px -24px;
102 /* Frame Component */
103 .focused .frame-link-filename,
104 .focused .frame-link-column,
105 .focused .frame-link-line,
106 .focused .frame-link-host,
107 .focused .frame-link-colon {
108 color: var(--theme-selection-color);
112 margin-inline-start: 7px;
115 .frame-link-filename {
116 color: var(--theme-highlight-blue);
120 .frame-link-filename:hover {
121 text-decoration: underline;
127 color: var(--theme-highlight-orange);
131 margin-inline-start: 5px;
133 color: var(--theme-content-color2);
136 .frame-link-function-display-name {
137 margin-inline-end: 5px;