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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui_lazy/flameChart.css

Issue 1463393003: DevTools: Make item info follow the mouse on the flame chart. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: addressing comments + coloring Created 5 years 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui_lazy/FlameChart.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 .flame-chart-main-pane { 1 .flame-chart-main-pane {
2 overflow: hidden; 2 overflow: hidden;
3 } 3 }
4 4
5 .flame-chart-marker-highlight-element { 5 .flame-chart-marker-highlight-element {
6 position: absolute; 6 position: absolute;
7 top: 0; 7 top: 0;
8 height: 20px; 8 height: 20px;
9 width: 4px; 9 width: 4px;
10 margin: 0 -2px; 10 margin: 0 -2px;
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
52 } 52 }
53 53
54 .flame-chart-selection-overlay .time-span { 54 .flame-chart-selection-overlay .time-span {
55 white-space: nowrap; 55 white-space: nowrap;
56 position: absolute; 56 position: absolute;
57 left: 0; 57 left: 0;
58 right: 0; 58 right: 0;
59 bottom: 0; 59 bottom: 0;
60 } 60 }
61 61
62 .flame-chart-entry-info { 62 .flame-chart-entry-info:not(:empty) {
63 z-index: 100;
64 margin: 6px 10px;
63 position: absolute; 65 position: absolute;
64 bottom: 6px; 66 background-color: white;
65 left: 12px;
66 background-color: rgba(255, 255, 255, 0.7);
67 pointer-events: none; 67 pointer-events: none;
68 padding: 2px;
69 box-shadow: hsla(0, 0%, 0%, 0.4) 1px 1px 8px;
70 }
71
72 .flame-chart-entry-info table tr td:empty {
73 padding: 0;
74 }
75
76 .flame-chart-entry-info table tr td:not(:empty) {
77 padding: 0 5px;
78 white-space: nowrap;
68 } 79 }
69 80
70 .flame-chart-entry-info table tr td:first-child { 81 .flame-chart-entry-info table tr td:first-child {
71 font-weight: bold; 82 font-weight: bold;
72 padding-right: 8px;
73 } 83 }
84
85 .flame-chart-entry-info table tr td span {
86 margin-right: 5px;
87 }
88
89 .flame-chart-entry-info table tr td span.timeline-network-info-duration {
90 color: darkgreen;
91 }
92
93 .flame-chart-entry-info table tr td span.timeline-network-info-method {
94 color: darkblue;
95 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui_lazy/FlameChart.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698