--row-hover-background-color: #544400;
}
+/**
+ * A generic class to hide elements, replacing the `element.hidden` attribute
+ * that we use to hide elements that can later be active
+ */
+.hidden {
+ display: none;
+ width: 0px;
+ height: 0px;
+}
+
/* Toolbar */
#performance-toolbar-control-other {
list-style-image: url(performance-icons.svg#details-flamegraph-active);
}
+#select-optimizations-view {
+ list-style-image: url(profiler-stopwatch.svg);
+}
+
/* Recording buttons */
#main-record-button {
width: 4.5vw;
}
-.call-tree-header[type="allocations"],
-.call-tree-cell[type="allocations"],
-.call-tree-header[type="self-allocations"],
-.call-tree-cell[type="self-allocations"] {
- width: 9vw;
+.call-tree-header[type="count"],
+.call-tree-cell[type="count"],
+.call-tree-header[type="self-count"],
+.call-tree-cell[type="self-count"],
+.call-tree-header[type="size"],
+.call-tree-cell[type="size"],
+.call-tree-header[type="self-size"],
+.call-tree-cell[type="self-size"],
+.call-tree-header[type="count-percentage"],
+.call-tree-cell[type="count-percentage"],
+.call-tree-header[type="self-count-percentage"],
+.call-tree-cell[type="self-count-percentage"],
+.call-tree-header[type="size-percentage"],
+.call-tree-cell[type="size-percentage"],
+.call-tree-header[type="self-size-percentage"],
+.call-tree-cell[type="self-size-percentage"] {
+ width: 6vw;
}
.call-tree-header[type="function"],
font-weight: bold;
}
+.marker-details-customcontainer .custom-button {
+ padding: 2px 5px;
+ border-width: 1px;
+}
+
/**
* Marker colors
*/
-menuitem.marker-color-graphs-purple:before,
-.marker-color-graphs-purple {
- background-color: var(--theme-graphs-purple);
+menuitem.marker-color-graphs-green:before,
+.marker-color-graphs-green {
+ background-color: var(--theme-graphs-green);
}
-menuitem.marker-color-graphs-grey:before,
-.marker-color-graphs-grey{
- background-color: var(--theme-graphs-grey);
+menuitem.marker-color-graphs-blue:before,
+.marker-color-graphs-blue {
+ background-color: var(--theme-graphs-blue);
}
-menuitem.marker-color-graphs-green:before,
-.marker-color-graphs-green {
- background-color: var(--theme-graphs-green);
+menuitem.marker-color-graphs-bluegrey:before,
+.marker-color-graphs-bluegrey {
+ background-color: var(--theme-graphs-bluegrey);
+}
+
+menuitem.marker-color-graphs-purple:before,
+.marker-color-graphs-purple {
+ background-color: var(--theme-graphs-purple);
}
menuitem.marker-color-graphs-yellow:before,
background-color: var(--theme-graphs-red);
}
-menuitem.marker-color-graphs-blue:before,
-.marker-color-graphs-blue {
- background-color: var(--theme-graphs-blue);
+menuitem.marker-color-graphs-grey:before,
+.marker-color-graphs-grey{
+ background-color: var(--theme-graphs-grey);
}
/* Profile call tree */
background-image: url(magnifying-glass.png);
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
.call-tree-zoom {
background-image: url(magnifying-glass@2x.png);
}
min-width: 200px;
}
+#optimizations-graph {
+ height: 30px;
+}
+
+#jit-optimizations-view.empty #optimizations-graph {
+ display: none !important;
+}
+
/* override default styles for tree widget */
#jit-optimizations-view .tree-widget-empty-text {
font-size: inherit;
cursor: pointer;
}
-#jit-optimizations-view .opt-icon::before {
+.opt-icon::before {
content: "";
- background-image: url(chrome://browser/skin/devtools/webconsole.png);
+ background-image: url(chrome://browser/skin/devtools/webconsole.svg);
background-repeat: no-repeat;
- background-size: 48px 40px;
- margin: 5px 6px 0 0;
- width: 8px;
- height: 8px;
- max-height: 8px;
+ background-size: 72px 60px;
+ /* show grey "i" bubble by default */
+ background-position: -36px -36px;
+ width: 12px;
+ height: 12px;
display: inline-block;
+
+ max-height: 12px;
}
-#jit-optimizations-view .opt-icon[severity=warning]::before {
- background-position: -16px -16px;
+#jit-optimizations-view .opt-icon::before {
+ margin: 5px 6px 0 0;
+}
+description.opt-icon {
+ margin: 0px 0px 0px 0px;
+}
+description.opt-icon::before {
+ margin: 1px 4px 0px 0px;
}
-@media (min-resolution: 1.25dppx) {
- #jit-optimizations-view .opt-icon::before {
- background-image: url(chrome://browser/skin/devtools/webconsole@2x.png);
- }
+.opt-icon[severity=warning]::before {
+ background-position: -24px -24px;
+}
+
+ul.frames-list {
+ list-style-type: none;
+ padding: 0px;
+ margin: 0px;
+}
+
+ul.frames-list li {
+ cursor: pointer;
+}
+
+ul.frames-list li.selected {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
}
/**
*/
menuitem.experimental-option::before {
content: "";
- background-image: url(chrome://browser/skin/devtools/webconsole.png);
+ background-image: url(chrome://browser/skin/devtools/webconsole.svg);
background-repeat: no-repeat;
- background-size: 48px 40px;
- margin: 2px 5px 0 0;
- width: 8px;
- height: 8px;
- max-height: 8px;
+ background-size: 72px 60px;
+ width: 12px;
+ height: 12px;
display: inline-block;
- background-position: -16px -16px;
-}
-@media (min-resolution: 1.25dppx) {
- menuitem.experimental-option::before {
- background-image: url(chrome://browser/skin/devtools/webconsole@2x.png);
- }
+
+ background-position: -24px -24px;
+ margin: 2px 5px 0 0;
+ max-height: 12px;
}
+
#performance-options-menupopup:not(.experimental-enabled) .experimental-option,
#performance-options-menupopup:not(.experimental-enabled) .experimental-option::before {
display: none;