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);
78 .theme-dark .opt-icon::before {
79 background-image: url(chrome://devtools/skin/images/webconsole.svg);
81 .theme-light .opt-icon::before {
82 background-image: url(chrome://devtools/skin/images/webconsole.svg#light-icons);
86 display: inline-block;
88 background-repeat: no-repeat;
89 background-size: 72px 60px;
90 /* show grey "i" bubble by default */
91 background-position: -36px -36px;
101 .opt-icon.warning::before {
102 background-position: -24px -24px;
105 /* Frame Component */
107 margin-inline-start: 7px;