| 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 <link rel="stylesheet" href="css/shared.css" /> |
| 10 <style> | 11 <style> |
| 11 .memberList { | 12 .memberList { |
| 12 display: table; | 13 display: table; |
| 13 } | 14 } |
| 14 .memberItem { | 15 .memberItem { |
| 15 display: table-row; | 16 display: table-row; |
| 16 } | 17 } |
| 17 .memberName, .memberValue { | 18 .memberName, .memberValue { |
| 18 display: table-cell; | 19 display: table-cell; |
| 19 vertical-align: top; | 20 vertical-align: top; |
| 20 padding: 3px 0 3px 1em; | 21 padding: 3px 0 3px 1em; |
| 21 font: 400 14px 'Montserrat', sans-serif; | 22 font: 400 14px 'Montserrat', sans-serif; |
| 22 } | 23 } |
| 23 </style> | 24 </style> |
| 24 <div class="row"> | 25 <div class="flex-row"> |
| 25 <div class="col-md-1"></div> | 26 <div class="flex-item-fixed-1-12"> |
| 26 <div class="col-md-1"> | 27 </div> |
| 28 <div class="flex-item-fixed-1-12"> |
| 27 #{{ frame['depth'] }} | 29 #{{ frame['depth'] }} |
| 28 </div> | 30 </div> |
| 29 <div class="col-md-9"> | 31 <div class="flex-item-fixed-9-12"> |
| 30 <function-ref ref="{{ frame['function'] }}"></function-ref> | 32 <function-ref ref="{{ frame['function'] }}"></function-ref> |
| 31 ( <script-ref ref="{{ frame['script'] }}" | 33 ( <script-ref ref="{{ frame['script'] }}" |
| 32 pos="{{ frame['tokenPos'] }}"> | 34 pos="{{ frame['tokenPos'] }}"> |
| 33 </script-ref> ) | 35 </script-ref> ) |
| 34 | 36 |
| 35 <curly-block> | 37 <curly-block> |
| 36 <div class="memberList"> | 38 <div class="memberList"> |
| 37 <template repeat="{{ v in frame['vars'] }}"> | 39 <template repeat="{{ v in frame['vars'] }}"> |
| 38 <div class="memberItem"> | 40 <div class="memberItem"> |
| 39 <div class="memberName">{{ v['name']}}</div> | 41 <div class="memberName">{{ v['name']}}</div> |
| 40 <div class="memberValue"> | 42 <div class="memberValue"> |
| 41 <instance-ref ref="{{ v['value'] }}"></instance-ref> | 43 <instance-ref ref="{{ v['value'] }}"></instance-ref> |
| 44 </div> |
| 42 </div> | 45 </div> |
| 43 </div> | 46 </template> |
| 44 </template> | 47 </div> |
| 45 </div> | 48 </curly-block> |
| 46 </curly-block> | |
| 47 | |
| 48 </div> | 49 </div> |
| 49 <div class="col-md-1"></div> | 50 <div class="flex-item-fixed-1-12"> |
| 51 </div> |
| 50 </div> | 52 </div> |
| 51 | |
| 52 | |
| 53 </template> | 53 </template> |
| 54 <script type="application/dart" src="stack_frame.dart"></script> | 54 <script type="application/dart" src="stack_frame.dart"></script> |
| 55 </polymer-element> | 55 </polymer-element> |
| OLD | NEW |