Index: chrome_linux/resources/inspector/canvasProfiler.css |
=================================================================== |
--- chrome_linux/resources/inspector/canvasProfiler.css (revision 221742) |
+++ chrome_linux/resources/inspector/canvasProfiler.css (working copy) |
@@ -78,6 +78,19 @@ |
bottom: 0; |
} |
+button.status-bar-item.canvas-sidebar-show-hide-button { |
+ right: 15px; |
+ z-index: 13; |
+} |
+ |
+button.status-bar-item.canvas-sidebar-show-hide-button.toggled-left { |
+ right: 0; |
+} |
+ |
+.canvas-replay-button { |
+ min-width: 32px; |
+} |
+ |
.canvas-replay-first-step .glyph { |
-webkit-mask-position: 0 -72px; |
-webkit-transform: rotate(180deg); |
@@ -100,3 +113,82 @@ |
.canvas-replay-next-draw .glyph { |
-webkit-mask-position: -128px -72px; |
} |
+.canvas-replay-state-prev .glyph { |
+ -webkit-mask-position: -64px -48px; |
+ -webkit-transform: scaleX(-1); |
+} |
+.canvas-replay-state-next .glyph { |
+ -webkit-mask-position: -64px -48px; |
+} |
+.canvas-replay-state-refresh .glyph { |
+ -webkit-mask-position: 0 0; |
+} |
+ |
+.canvas-popover-anchor { |
+ position: absolute; |
+ text-indent: 0; |
+ padding: 0; |
+ margin: 0; |
+} |
+.data-grid:focus tr.selected .canvas-popover-anchor { |
+ background-color: #aaa !important; |
+} |
+ |
+.canvas-function-name { |
+} |
+ |
+.canvas-formatted-resource { |
+ color: rgb(33%, 33%, 33%); |
+} |
+.canvas-formatted-resource.canvas-popover-anchor, |
+.canvas-formatted-resource:hover { |
+ color: rgb(38, 38, 38); |
+ text-decoration: underline; |
+ cursor: pointer; |
+} |
+ |
+/* Keep in sync with "console-formatted-*" CSS styles. */ |
+.canvas-formatted-object, |
+.canvas-formatted-node, |
+.canvas-formatted-array { |
+ color: #222; |
+} |
+.canvas-formatted-number { |
+ color: rgb(28, 0, 207); |
+} |
+.canvas-formatted-string, |
+.canvas-formatted-regexp { |
+ color: rgb(196, 26, 22); |
+} |
+.canvas-formatted-null, |
+.canvas-formatted-undefined { |
+ color: rgb(128, 128, 128); |
+} |
+.data-grid:focus tr.selected .canvas-call-argument, |
+.data-grid:focus tr.selected .canvas-formatted-string { |
+ color: inherit !important; |
+} |
+ |
+.canvas-replay-state-view .data-grid { |
+ top: 23px; |
+} |
+ |
+.canvas-replay-state-view .data-grid .data-container tr:nth-child(odd).canvas-grid-node-highlighted { |
+ -webkit-animation: "fadeout-odd" 2s 0s; |
+ background-color: rgb(255, 255, 175); |
+} |
+ |
+.canvas-replay-state-view .data-grid .data-container tr:nth-child(even).canvas-grid-node-highlighted { |
+ -webkit-animation: "fadeout-even" 2s 0s; |
+ background-color: rgb(235, 235, 120); |
+} |
+ |
+@-webkit-keyframes fadeout-odd { |
+ from { background-color: rgb(255, 255, 25); } |
+ to { background-color: rgb(255, 255, 175); } |
+} |
+ |
+@-webkit-keyframes fadeout-even { |
+ from { background-color: rgb(255, 255, 25); } |
+ to { background-color: rgb(235, 235, 120); } |
+} |