Bug 1406285 - Part 14: Implement compositor sign. r?gl
MozReview-Commit-ID: G2655Fr19DX
--- a/devtools/client/inspector/animation/components/graph/SummaryGraph.js
+++ b/devtools/client/inspector/animation/components/graph/SummaryGraph.js
@@ -124,17 +124,18 @@ class SummaryGraph extends PureComponent
const {
animation,
simulateAnimation,
timeScale,
} = this.props;
return dom.div(
{
- className: "animation-summary-graph",
+ className: "animation-summary-graph" +
+ (animation.state.isRunningOnCompositor ? " compositor" : ""),
title: this.getTitleText(animation.state),
},
SummaryGraphPath(
{
animation,
simulateAnimation,
timeScale,
}
--- a/devtools/client/themes/animation.css
+++ b/devtools/client/themes/animation.css
@@ -87,16 +87,31 @@
/* Summary Graph */
.animation-summary-graph {
height: 100%;
padding-top: 5px;
position: relative;
width: calc(100% - var(--sidebar-width) - var(--graph-right-offset));
}
+.animation-summary-graph.compositor::after {
+ background-image: url("images/animation-fast-track.svg");
+ background-repeat: no-repeat;
+ content: "";
+ display: block;
+ fill: var(--theme-content-color3);
+ height: 100%;
+ position: absolute;
+ right: 0;
+ top: 5px;
+ width: 15px;
+ z-index: 1;
+ -moz-context-properties: fill;
+}
+
.animation-summary-graph-path {
height: 100%;
width: 100%;
}
.animation-computed-timing-path path {
fill: var(--computed-timing-graph-color);
vector-effect: non-scaling-stroke;