| <link rel="import" href="../../../../packages/polymer/polymer.html"> |
| <link rel="import" href="observatory_element.html"> |
| |
| <polymer-element name="script-inset" extends="observatory-element"> |
| <template> |
| <style> |
| .sourceInset { |
| } |
| .sourceTable { |
| display: table; |
| background-color: #f5f5f5; |
| border: 1px solid #ccc; |
| padding: 10px; |
| overflow-y: auto; |
| width: 100%; |
| box-sizing: border-box; |
| } |
| .sourceRow { |
| display: table-row; |
| } |
| .sourceItem, .sourceItemCurrent { |
| display: table-cell; |
| vertical-align: top; |
| font: 400 14px consolas, courier, monospace; |
| line-height: 125%; |
| white-space: pre; |
| } |
| .currentLine { |
| background-color: #fff; |
| } |
| .currentCol { |
| background-color: #6cf; |
| } |
| .hitsNone, .hitsNotExecuted, .hitsExecuted { |
| display: table-cell; |
| vertical-align: top; |
| font: 400 14px consolas, courier, monospace; |
| min-width: 32px; |
| text-align: right; |
| color: #a8a8a8; |
| } |
| .hitsNotExecuted { |
| background-color: #EEA7A7; |
| } |
| .hitsExecuted { |
| background-color: #9BDD9B; |
| } |
| |
| .emptyBreakpoint, .possibleBreakpoint, .busyBreakpoint, .unresolvedBreakpoint, .resolvedBreakpoint { |
| display: table-cell; |
| vertical-align: top; |
| font: 400 14px consolas, courier, monospace; |
| min-width: 1em; |
| text-align: center; |
| cursor: pointer; |
| } |
| .possibleBreakpoint { |
| color: #e0e0e0; |
| } |
| .possibleBreakpoint:hover { |
| color: white; |
| background-color: #777; |
| } |
| .busyBreakpoint { |
| color: white; |
| background-color: black; |
| cursor: wait; |
| } |
| .unresolvedBreakpoint { |
| color: white; |
| background-color: #cac; |
| } |
| .resolvedBreakpoint { |
| color: white; |
| background-color: #e66; |
| } |
| </style> |
| </template> |
| </polymer-element> |
| |
| <script type="application/dart" src="script_inset.dart"></script> |