Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(143)

Side by Side Diff: Source/devtools/front_end/elements/animationTimeline.css

Issue 980053006: Revert of Devtools Animations: Represent delay and end-delay on the animation timeline (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .animation-node-row { 7 .animation-node-row {
8 width: 100%; 8 width: 100%;
9 display: flex; 9 display: flex;
10 border-bottom: 1px dashed #ccc; 10 border-bottom: 1px dashed #ccc;
(...skipping 22 matching lines...) Expand all
33 path.animation-keyframe { 33 path.animation-keyframe {
34 fill-opacity: 0.3; 34 fill-opacity: 0.3;
35 } 35 }
36 36
37 line.animation-line { 37 line.animation-line {
38 stroke-width: 3; 38 stroke-width: 3;
39 stroke-linecap: round; 39 stroke-linecap: round;
40 fill: none; 40 fill: none;
41 } 41 }
42 42
43 line.animation-delay-line {
44 stroke-width: 2;
45 stroke-dasharray: 6, 4;
46 }
47
48 circle.animation-endpoint { 43 circle.animation-endpoint {
49 stroke-width: 3; 44 stroke-width: 3;
50 } 45 }
51 46
52 circle.animation-keyframe-point { 47 circle.animation-keyframe-point {
53 stroke-width: 3; 48 stroke-width: 3;
54 fill: white; 49 fill: white;
55 } 50 }
56 51
57 .animation-name { 52 .animation-name {
58 position: absolute; 53 position: absolute;
59 top: 15px; 54 top: 15px;
60 color: #333; 55 color: #777;
61 text-align: center; 56 text-align: center;
62 margin-left: -8px; 57 margin-left: -8px;
63 } 58 }
64 59
65 .animation-timeline-header { 60 .animation-timeline-header {
66 height: 44px; 61 height: 44px;
67 border-bottom: 1px solid #ccc; 62 border-bottom: 1px solid #ccc;
68 } 63 }
69 64
70 .animation-control-replay { 65 .animation-control-replay {
(...skipping 124 matching lines...) Expand 10 before | Expand all | Expand 10 after
195 background-color: #fff0f0; 190 background-color: #fff0f0;
196 } 191 }
197 192
198 svg.animation-ui g:first-child { 193 svg.animation-ui g:first-child {
199 opacity: 1; 194 opacity: 1;
200 } 195 }
201 196
202 .animation-tail-iterations { 197 .animation-tail-iterations {
203 opacity: 0.5; 198 opacity: 0.5;
204 } 199 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/elements/AnimationTimeline.js ('k') | Source/devtools/front_end/sdk/AnimationModel.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698