| OLD | NEW |
| 1 <head> | 1 <head> |
| 2 <link rel="import" href="curly_block.html"> | 2 <link rel="import" href="curly_block.html"> |
| 3 <link rel="import" href="function_ref.html"> | 3 <link rel="import" href="function_ref.html"> |
| 4 <link rel="import" href="instance_ref.html"> | 4 <link rel="import" href="instance_ref.html"> |
| 5 <link rel="import" href="observatory_element.html"> | 5 <link rel="import" href="observatory_element.html"> |
| 6 <link rel="import" href="script_ref.html"> | 6 <link rel="import" href="script_ref.html"> |
| 7 </head> | 7 </head> |
| 8 <polymer-element name="stack-frame" extends="observatory-element"> | 8 <polymer-element name="stack-frame" extends="observatory-element"> |
| 9 <template> | 9 <template> |
| 10 <style> | 10 <style> |
| 11 .member { | 11 .memberList { |
| 12 display: table; |
| 13 } |
| 14 .memberItem { |
| 15 display: table-row; |
| 16 } |
| 17 .memberName, .memberValue { |
| 18 display: table-cell; |
| 12 vertical-align: top; | 19 vertical-align: top; |
| 13 padding: 0 0 0 1em; | 20 padding: 3px 0 3px 1em; |
| 21 font: 400 14px 'Montserrat', sans-serif; |
| 14 } | 22 } |
| 15 </style> | 23 </style> |
| 16 <div class="row"> | 24 <div class="row"> |
| 17 <div class="col-md-1"></div> | 25 <div class="col-md-1"></div> |
| 18 <div class="col-md-1"> | 26 <div class="col-md-1"> |
| 19 #{{ frame['depth'] }} | 27 #{{ frame['depth'] }} |
| 20 </div> | 28 </div> |
| 21 <div class="col-md-9"> | 29 <div class="col-md-9"> |
| 22 <function-ref ref="{{ frame['function'] }}"></function-ref> | 30 <function-ref ref="{{ frame['function'] }}"></function-ref> |
| 23 ( <script-ref ref="{{ frame['script'] }}" line="{{ frame['line'] }}"> | 31 ( <script-ref ref="{{ frame['script'] }}" line="{{ frame['line'] }}"> |
| 24 </script-ref> ) | 32 </script-ref> ) |
| 33 |
| 25 <curly-block> | 34 <curly-block> |
| 26 <table> | 35 <div class="memberList"> |
| 27 <tr template repeat="{{ v in frame['vars'] }}"> | 36 <template repeat="{{ v in frame['vars'] }}"> |
| 28 <td class="member">{{ v['name']}}</td> | 37 <div class="memberItem"> |
| 29 <td class="member"> | 38 <div class="memberName">{{ v['name']}}</div> |
| 30 <instance-ref ref="{{ v['value'] }}"></instance-ref> | 39 <div class="memberValue"> |
| 31 </td> | 40 <instance-ref ref="{{ v['value'] }}"></instance-ref> |
| 32 </tr> | 41 </div> |
| 33 </table> | 42 </div> |
| 43 </template> |
| 44 </div> |
| 34 </curly-block> | 45 </curly-block> |
| 35 | 46 |
| 36 </div> | 47 </div> |
| 37 <div class="col-md-1"></div> | 48 <div class="col-md-1"></div> |
| 38 </div> | 49 </div> |
| 39 | 50 |
| 40 | 51 |
| 41 </template> | 52 </template> |
| 42 <script type="application/dart" src="stack_frame.dart"></script> | 53 <script type="application/dart" src="stack_frame.dart"></script> |
| 43 </polymer-element> | 54 </polymer-element> |
| OLD | NEW |