Disable applyAuthorStyles

runtime/bin/vmservice/client/lib/src/elements/heap_profile.html

Index: runtime/bin/vmservice/client/lib/src/elements/heap_profile.html
diff --git a/runtime/bin/vmservice/client/lib/src/elements/heap_profile.html b/runtime/bin/vmservice/client/lib/src/elements/heap_profile.html
index ada00da2c233535a43ead5b1f374d1d717aa338c..a81fef7014c20f399d1308b45a658a6c188b8965 100644
--- a/runtime/bin/vmservice/client/lib/src/elements/heap_profile.html
+++ b/runtime/bin/vmservice/client/lib/src/elements/heap_profile.html
@@ -5,18 +5,43 @@
 </head>
 <polymer-element name="heap-profile" extends="observatory-element">
 <template>
+  <link rel="stylesheet" href="css/shared.css">
+  <style>
+    .table {
+      border-collapse: collapse!important;
+      width: 100%;
+      margin-bottom:20px
+    }
+    .table thead > tr > th,
+    .table tbody > tr > th,
+    .table tfoot > tr > th,
+    .table thead > tr > td,
+    .table tbody > tr > td,
+    .table tfoot > tr > td {

[turnidge, 2014/04/17 20:18:54]

Since we are in a custom element, do we need this level of specificity?  Would
it work to just have:

th, td {
...
}

[Cutch, 2014/04/17 22:12:39]

Done.

+      padding: 8px;
+      vertical-align: top;
+    }
+    .table thead > tr > th {
+      vertical-align: bottom;
+      text-align: left;
+      border-bottom:2px solid #ddd;
+    }
+    #classtable tr:hover > td {
+      background-color: #F4C7C3;
+    }
+  </style>
   <nav-bar>
     <top-nav-menu></top-nav-menu>
     <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
     <nav-menu link="." anchor="heap profile" last="{{ true }}"></nav-menu>
+    <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></nav-refresh>
     <nav-refresh callback="{{ refresh }}"></nav-refresh>
   </nav-bar>
 
-  <button type="button" on-click="{{resetAccumulator}}">Reset Accumulator</button>
-  <div class="row">
-    <div id="newPieChart" class="col-md-4" style="height: 400px">
+  <div class="flex-row">
+    <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px">
     </div>
-    <div id="newStatus" class="col-md-2">
+    <div id="newStatus" class="flex-item-fixed-2-12">
       <table class="table">
         <tbody>
           <tr>
@@ -34,9 +59,9 @@
         </tbody>
       </table>
     </div>
-    <div id="oldPieChart" class="col-md-4" style="height: 400px">
+    <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px">
     </div>
-    <div id="oldStatus" class="col-md-2">
+    <div id="oldStatus" class="flex-item-fixed-2-12">
       <table class="table">
         <tbody>
           <tr>
@@ -55,17 +80,27 @@
       </table>
     </div>
   </div>
-  <div class="row">
-  <p class="col-md-2">Aggregate heap table</p>
-  </div>
-  <div class="row">
-    <div id="simpleTable" class="col-md-12" style="height: 800px"></div>
-  </div>
-  <div class="row">
-  <p class="col-md-2">Individual heap table</p>
-  </div>
-  <div class="row">
-    <div id="table" class="col-md-12" style="height: 800px"></div>
+  <div class="flex-row">
+    <table id="classtable" class="flex-item-fixed-12-12 table">
+      <thead>
+        <tr>
+          <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(0) }}</th>
+          <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(1) }}</th>
+          <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(2) }}</th>
+          <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(3) }}</th>
+          <th on-click="{{changeSort}}">{{ classTable.getColumnLabel(4) }}</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr template repeat="{{row in classTable.sortedRows }}">
+          <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></td>
+          <td>{{ classTable.getFormattedValue(row, 1) }}</td>
+          <td>{{ classTable.getFormattedValue(row, 2) }}</td>
+          <td>{{ classTable.getFormattedValue(row, 3) }}</td>
+          <td>{{ classTable.getFormattedValue(row, 4) }}</td>
+        </tr>
+      </tbody>
+    </table>
   </div>
 </template>
 <script type="application/dart" src="heap_profile.dart"></script>