| OLD | NEW |
| 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> |
| 2 <link rel="import" href="function_ref.html"> | 2 <link rel="import" href="function_ref.html"> |
| 3 <link rel="import" href="nav_bar.html"> | 3 <link rel="import" href="nav_bar.html"> |
| 4 <link rel="import" href="eval_link.html"> | 4 <link rel="import" href="eval_link.html"> |
| 5 <link rel="import" href="observatory_element.html"> | 5 <link rel="import" href="observatory_element.html"> |
| 6 <link rel="import" href="script_inset.html"> | 6 <link rel="import" href="script_inset.html"> |
| 7 <link rel="import" href="script_ref.html"> | 7 <link rel="import" href="script_ref.html"> |
| 8 | 8 |
| 9 <!-- TODO(turnidge): Use core-icon once core_elements work properly in | 9 <!-- TODO(turnidge): Use core-icon once core_elements work properly in |
| 10 devtools --> | 10 devtools --> |
| (...skipping 402 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 413 font: bold 14px consolas, courier, monospace; | 413 font: bold 14px consolas, courier, monospace; |
| 414 white-space: pre; | 414 white-space: pre; |
| 415 line-height: 125%; | 415 line-height: 125%; |
| 416 } | 416 } |
| 417 .red { | 417 .red { |
| 418 font: normal 14px consolas, courier, monospace; | 418 font: normal 14px consolas, courier, monospace; |
| 419 white-space: pre; | 419 white-space: pre; |
| 420 line-height: 125%; | 420 line-height: 125%; |
| 421 color: red; | 421 color: red; |
| 422 } | 422 } |
| 423 .green { |
| 424 font: normal 14px consolas, courier, monospace; |
| 425 white-space: pre; |
| 426 line-height: 125%; |
| 427 color: green; |
| 428 } |
| 423 .spacer { | 429 .spacer { |
| 424 height: 20px; | 430 height: 20px; |
| 425 } | 431 } |
| 426 </style> | 432 </style> |
| 427 <div id="consoleText" class="console"> | 433 <div id="consoleText" class="console"> |
| 428 <!-- Console output is added programmatically here using the 'normal' | 434 <!-- Console output is added programmatically --> |
| 429 and 'bold' styles. --> | |
| 430 </div> | 435 </div> |
| 431 </template> | 436 </template> |
| 432 </polymer-element> | 437 </polymer-element> |
| 433 | 438 |
| 434 <polymer-element name="debugger-input" extends="observatory-element"> | 439 <polymer-element name="debugger-input" extends="observatory-element"> |
| 435 <template> | 440 <template> |
| 436 <link rel="stylesheet" href="css/shared.css"> | 441 <link rel="stylesheet" href="css/shared.css"> |
| 437 <style> | 442 <style> |
| 438 .textBox { | 443 .textBox { |
| 439 margin: 20px; | 444 margin: 20px; |
| 440 padding: 5px; | 445 padding: 5px; |
| 441 font: 400 16px consolas, courier, monospace; | 446 font: 400 16px consolas, courier, monospace; |
| 442 width: 95%; | 447 width: 95%; |
| 443 } | 448 } |
| 444 </style> | 449 </style> |
| 445 <input id="textBox" class="textBox" type="text" value="{{ text }}" autofocus
> | 450 <input id="textBox" class="textBox" type="text" value="{{ text }}" autofocus
> |
| 446 </template> | 451 </template> |
| 447 </polymer-element> | 452 </polymer-element> |
| 448 | 453 |
| 449 <script type="application/dart" src="debugger.dart"></script> | 454 <script type="application/dart" src="debugger.dart"></script> |
| OLD | NEW |