background-image: url("debugger-play.png");
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
#element-picker::before {
background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
background-size: 64px;
}
}
+/* Animation target node gutter, contains a preview of the dom node */
+
+.animation-target {
+ background-color: var(--theme-toolbar-background);
+ padding: 1px 4px;
+ box-sizing: border-box;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.animation-target .attribute-name {
+ padding-left: 4px;
+}
+
+.animation-target .node-selector {
+ background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
+ padding-left: 16px;
+ margin-right: 5px;
+ cursor: pointer;
+}
+
+.animation-target .node-selector:hover {
+ background-position: -32px 0;
+}
+
+.animation-target .node-selector:active {
+ background-position: -16px 0;
+}
+
/* Animation title gutter, contains the name, duration, iteration */
.animation-title {
background-image: url(rewind.png);
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
.timeline .toggle::before {
background-image: url(debugger-pause@2x.png);
}