| 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 425 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 436 <div id="consoleText" class="console"> | 436 <div id="consoleText" class="console"> |
| 437 <!-- Console output is added programmatically --> | 437 <!-- Console output is added programmatically --> |
| 438 </div> | 438 </div> |
| 439 </template> | 439 </template> |
| 440 </polymer-element> | 440 </polymer-element> |
| 441 | 441 |
| 442 <polymer-element name="debugger-input" extends="observatory-element"> | 442 <polymer-element name="debugger-input" extends="observatory-element"> |
| 443 <template> | 443 <template> |
| 444 <link rel="stylesheet" href="css/shared.css"> | 444 <link rel="stylesheet" href="css/shared.css"> |
| 445 <style> | 445 <style> |
| 446 .container { |
| 447 height: 100%; |
| 448 display: flex; |
| 449 flex-direction: row; |
| 450 justify-content: space-between; |
| 451 } |
| 446 .textBox { | 452 .textBox { |
| 453 flex: 1 1 auto; |
| 447 margin: 20px; | 454 margin: 20px; |
| 448 padding: 5px; | 455 padding: 5px; |
| 449 font: 400 16px consolas, courier, monospace; | 456 font: 400 16px consolas, courier, monospace; |
| 450 width: 95%; | 457 width: 95%; |
| 451 } | 458 } |
| 459 .modalPrompt { |
| 460 flex: 0 0 auto; |
| 461 margin-top: 20px; |
| 462 margin-left: 20px; |
| 463 padding: 5px; |
| 464 font: 400 16px consolas, courier, monospace; |
| 465 color: red; |
| 466 } |
| 452 </style> | 467 </style> |
| 453 <input id="textBox" class="textBox" type="text" value="{{ text }}" autofocus
> | 468 <div class="container"> |
| 469 <template if="{{ modalPrompt != null }}"> |
| 470 <div class="modalPrompt">{{ modalPrompt }}</div> |
| 471 </template> |
| 472 <input id="textBox" class="textBox" type="text" value="{{ text }}" autofoc
us> |
| 473 </div> |
| 454 </template> | 474 </template> |
| 455 </polymer-element> | 475 </polymer-element> |
| 456 | 476 |
| 457 <script type="application/dart" src="debugger.dart"></script> | 477 <script type="application/dart" src="debugger.dart"></script> |
| OLD | NEW |