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

Side by Side Diff: runtime/observatory/lib/src/elements/class_tree.html

Issue 965593002: Improved profiler view and inclusive profile tree (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
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 <link rel="import" href="../../../../packages/polymer/polymer.html"> 1 <link rel="import" href="../../../../packages/polymer/polymer.html">
2 <link rel="import" href="nav_bar.html"> 2 <link rel="import" href="nav_bar.html">
3 <link rel="import" href="observatory_element.html"> 3 <link rel="import" href="observatory_element.html">
4 <link rel="import" href="class_ref.html"> 4 <link rel="import" href="class_ref.html">
5 5
6 <polymer-element name="class-tree" extends="observatory-element"> 6 <polymer-element name="class-tree" extends="observatory-element">
7 <template> 7 <template>
8 <link rel="stylesheet" href="css/shared.css"> 8 <link rel="stylesheet" href="css/shared.css">
9 <style> 9 <style>
10 .table { 10 .table {
11 border-collapse: collapse!important; 11 border-spacing: 0px;
12 width: 100%; 12 width: 100%;
13 margin-bottom: 20px 13 margin-bottom: 20px
14 } 14 vertical-align: middle;
15 .table thead > tr > th,
16 .table tbody > tr > th,
17 .table tfoot > tr > th,
18 .table thead > tr > td,
19 .table tbody > tr > td,
20 .table tfoot > tr > td {
21 padding: 8px;
22 vertical-align: top;
23 }
24 .table thead > tr > th {
25 vertical-align: bottom;
26 text-align: left;
27 border-bottom:2px solid #ddd;
28 } 15 }
29 16
30 tr:hover > td { 17 tr {
31 background-color: #FFF3E3; 18 background-color: #FFFFFF;
32 }
33 .rowColor0 {
34 background-color: #FFE9CC;
35 }
36 .rowColor1 {
37 background-color: #FFDEB2;
38 }
39 .rowColor2 {
40 background-color: #FFD399;
41 }
42 .rowColor3 {
43 background-color: #FFC87F;
44 }
45 .rowColor4 {
46 background-color: #FFBD66;
47 }
48 .rowColor5 {
49 background-color: #FFB24C;
50 }
51 .rowColor6 {
52 background-color: #FFA733;
53 }
54 .rowColor7 {
55 background-color: #FF9C19;
56 }
57 .rowColor8 {
58 background-color: #FF9100;
59 } 19 }
60 20
61 .tooltip { 21 tr:hover {
62 display: block; 22 background-color: #FAFAFA;
63 position: absolute;
64 visibility: hidden;
65 opacity: 0;
66 transition: visibility 0s linear 0.5s;
67 transition: opacity .4s ease-in-out;
68 }
69
70 tr:hover .tooltip {
71 display: block;
72 position: absolute;
73 top: 100%;
74 right: 100%;
75 visibility: visible;
76 z-index: 999;
77 width: 400px;
78 color: #ffffff;
79 background-color: #0489c3;
80 border-top-right-radius: 8px;
81 border-top-left-radius: 8px;
82 border-bottom-right-radius: 8px;
83 border-bottom-left-radius: 8px;
84 transition: visibility 0s linear 0.5s;
85 transition: opacity .4s ease-in-out;
86 opacity: 1;
87 }
88
89 .white {
90 color: #ffffff;
91 } 23 }
92 </style> 24 </style>
93 <nav-bar> 25 <nav-bar>
94 <top-nav-menu last="{{ true }}"></top-nav-menu> 26 <top-nav-menu last="{{ true }}"></top-nav-menu>
95 <nav-control></nav-control> 27 <nav-control></nav-control>
96 </nav-bar> 28 </nav-bar>
97 <div class="content-centered"> 29 <div class="content-centered">
98 <h1>Class Hierarchy</h1> 30 <h1>Class Hierarchy</h1>
99 <table id="tableTree" class="table"> 31 <table id="tableTree" class="table">
100 <thead id="tableTreeHeader"> 32 <thead id="tableTreeHeader">
101 <tr> 33 <tr>
102 <th>Class</th> 34 <th>Class</th>
103 </tr> 35 </tr>
104 </thead> 36 </thead>
105 <tbody id="tableTreeBody"></tbody> 37 <tbody id="tableTreeBody"></tbody>
106 </table> 38 </table>
107 </div> 39 </div>
108 </template> 40 </template>
109 </polymer-element> 41 </polymer-element>
110 42
111 <script type="application/dart" src="class_tree.dart"></script> 43 <script type="application/dart" src="class_tree.dart"></script>
OLDNEW
« no previous file with comments | « runtime/observatory/lib/src/elements/class_tree.dart ('k') | runtime/observatory/lib/src/elements/cpu_profile.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698