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

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

Issue 671463002: DevTools: make flame chart a web component. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: test fixed Created 6 years, 2 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 .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 15 matching lines...) Expand all
26 border-width: 2px; 26 border-width: 2px;
27 border-style: solid; 27 border-style: solid;
28 background-color: rgba(56, 121, 217, 0.2); 28 background-color: rgba(56, 121, 217, 0.2);
29 } 29 }
30 30
31 .flame-chart-v-scroll { 31 .flame-chart-v-scroll {
32 flex: 0 0 14px; 32 flex: 0 0 14px;
33 overflow-x: hidden; 33 overflow-x: hidden;
34 } 34 }
35 35
36 body.platform-mac .flame-chart-v-scroll { 36 .platform-mac .flame-chart-v-scroll {
37 position: absolute; 37 position: absolute;
38 width: 14px; 38 width: 14px;
39 top: 0; 39 top: 0;
40 right: 0; 40 right: 0;
41 bottom: 0; 41 bottom: 0;
42 } 42 }
43 43
44 .flame-chart-selection-overlay { 44 .flame-chart-selection-overlay {
45 position: absolute; 45 position: absolute;
46 z-index: 100; 46 z-index: 100;
47 background-color: rgba(56, 121, 217, 0.3); 47 background-color: rgba(56, 121, 217, 0.3);
48 border-color: rgb(16, 81, 177); 48 border-color: rgb(16, 81, 177);
49 border-width: 1px; 49 border-width: 1px;
50 border-style: solid; 50 border-style: solid;
51 pointer-events:none; 51 pointer-events:none;
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 } 56 }
57
58 .flame-chart-entry-info {
59 position: absolute;
60 bottom: 20px;
61 left: 20px;
62 height: 120px;
63 background-color: rgba(255, 255, 255, 0.7);
64 pointer-events: none;
65 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/components/HelpScreen.js ('k') | Source/devtools/front_end/components/helpScreen.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698