| Index: chrome_linux64/resources/inspector/canvasProfiler.css
|
| ===================================================================
|
| --- chrome_linux64/resources/inspector/canvasProfiler.css (revision 221742)
|
| +++ chrome_linux64/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); }
|
| +}
|
|
|