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 |