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

Side by Side Diff: Source/devtools/front_end/flameChart.css

Issue 402113002: Draw marker events on Timeline flame chart (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 5 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 .overview-container { 1 .overview-container {
2 overflow: hidden; 2 overflow: hidden;
3 position: absolute; 3 position: absolute;
4 top: 0; 4 top: 0;
5 width: 100%; 5 width: 100%;
6 height: 80px; 6 height: 80px;
7 } 7 }
8 8
9 .chart-container { 9 .chart-container {
10 flex: auto; 10 flex: auto;
(...skipping 28 matching lines...) Expand all
39 left: 10px; 39 left: 10px;
40 top: 25px; 40 top: 25px;
41 background-color: rgba(255, 255, 255, 0.8); 41 background-color: rgba(255, 255, 255, 0.8);
42 pointer-events: none; 42 pointer-events: none;
43 } 43 }
44 44
45 .chart-container .entry-info .title { 45 .chart-container .entry-info .title {
46 font-weight: bold; 46 font-weight: bold;
47 } 47 }
48 48
49 .flame-chart-marker-highlight-element {
50 position: absolute;
51 top: 0;
52 height: 20px;
53 width: 4px;
54 margin: 0 -2px;
55 content: "";
56 display: block;
57 }
58
49 .flame-chart-highlight-element { 59 .flame-chart-highlight-element {
50 background-color: black; 60 background-color: black;
51 position: absolute; 61 position: absolute;
52 opacity: 0.2; 62 opacity: 0.2;
53 pointer-events: none; 63 pointer-events: none;
54 } 64 }
55 65
56 .flame-chart-selected-element { 66 .flame-chart-selected-element {
57 position: absolute; 67 position: absolute;
58 pointer-events: none; 68 pointer-events: none;
59 border-color: rgb(56, 121, 217); 69 border-color: rgb(56, 121, 217);
60 border-width: 2px; 70 border-width: 2px;
61 border-style: solid; 71 border-style: solid;
62 background-color: rgba(56, 121, 217, 0.2); 72 background-color: rgba(56, 121, 217, 0.2);
63 } 73 }
64 74
65 .flame-chart-v-scroll { 75 .flame-chart-v-scroll {
66 flex: 0 0 14px; 76 flex: 0 0 14px;
67 overflow-x: hidden; 77 overflow-x: hidden;
68 } 78 }
69 79
70 body.platform-mac .flame-chart-v-scroll { 80 body.platform-mac .flame-chart-v-scroll {
71 position: absolute; 81 position: absolute;
72 width: 14px; 82 width: 14px;
73 top: 0; 83 top: 0;
74 right: 0; 84 right: 0;
75 bottom: 0; 85 bottom: 0;
76 } 86 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/components/FlameChart.js ('k') | Source/devtools/front_end/profiler/CPUProfileFlameChart.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698