| 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="observatory_element.html"> | 2 <link rel="import" href="observatory_element.html"> |
| 3 | 3 |
| 4 <polymer-element name="script-inset" extends="observatory-element"> | 4 <polymer-element name="script-inset" extends="observatory-element"> |
| 5 <template> | 5 <template> |
| 6 <style> | 6 <style> |
| 7 a { | 7 a { |
| 8 color: #0489c3; | 8 color: #0489c3; |
| 9 text-decoration: none; | 9 text-decoration: none; |
| 10 } | 10 } |
| 11 a:hover { | 11 a:hover { |
| 12 text-decoration: underline; | 12 text-decoration: underline; |
| 13 } | 13 } |
| 14 .sourceInset { | 14 .sourceInset { |
| 15 } | 15 } |
| 16 .sourceTable { | 16 .sourceTable { |
| 17 display: table; | |
| 18 background-color: #f5f5f5; | 17 background-color: #f5f5f5; |
| 19 border: 1px solid #ccc; | 18 border: 1px solid #ccc; |
| 20 padding: 10px; | 19 padding: 10px; |
| 21 width: 100%; | 20 width: 100%; |
| 22 box-sizing: border-box; | 21 box-sizing: border-box; |
| 22 overflow-x: scroll; |
| 23 } | 23 } |
| 24 .sourceRow { | 24 .sourceRow { |
| 25 display: table-row; | 25 display: flex; |
| 26 flex-direction: row; |
| 27 width: 100%; |
| 26 } | 28 } |
| 27 .sourceItem, .sourceItemCurrent { | 29 .sourceItem, .sourceItemCurrent { |
| 28 display: table-cell; | |
| 29 vertical-align: top; | 30 vertical-align: top; |
| 30 font: 400 14px consolas, courier, monospace; | 31 font: 400 14px consolas, courier, monospace; |
| 31 line-height: 125%; | 32 line-height: 125%; |
| 32 white-space: pre; | 33 white-space: pre; |
| 33 max-width: 0; | 34 max-width: 0; |
| 34 overflow-x: hidden; | |
| 35 } | 35 } |
| 36 .currentLine { | 36 .currentLine { |
| 37 background-color: #fff; | 37 background-color: #fff; |
| 38 } | 38 } |
| 39 .currentCol { | 39 .currentCol { |
| 40 background-color: #6cf; | 40 background-color: #6cf; |
| 41 } | 41 } |
| 42 .hitsNone, .hitsNotExecuted, .hitsExecuted { | 42 .hitsNone, .hitsNotExecuted, .hitsExecuted { |
| 43 display: table-cell; | 43 display: table-cell; |
| 44 vertical-align: top; | 44 vertical-align: top; |
| 45 font: 400 14px consolas, courier, monospace; | 45 font: 400 14px consolas, courier, monospace; |
| 46 width: 4em; | 46 margin-left: 5px; |
| 47 margin-right: 5px; |
| 47 text-align: right; | 48 text-align: right; |
| 48 color: #a8a8a8; | 49 color: #a8a8a8; |
| 49 } | 50 } |
| 50 .hitsNotExecuted { | 51 .hitsNotExecuted { |
| 51 background-color: #EEA7A7; | 52 background-color: #EEA7A7; |
| 52 } | 53 } |
| 53 .hitsExecuted { | 54 .hitsExecuted { |
| 54 background-color: #9BDD9B; | 55 background-color: #9BDD9B; |
| 55 } | 56 } |
| 56 .noCopy {} | 57 .noCopy {} |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 96 height="{{ height }}" | 97 height="{{ height }}" |
| 97 currentPos="{{ currentPos }}" | 98 currentPos="{{ currentPos }}" |
| 98 inDebuggerContext="{{ inDebuggerContext }}" | 99 inDebuggerContext="{{ inDebuggerContext }}" |
| 99 variables="{{ variables }}"> | 100 variables="{{ variables }}"> |
| 100 </script-inset> | 101 </script-inset> |
| 101 </template> | 102 </template> |
| 102 </template> | 103 </template> |
| 103 </polymer-element> | 104 </polymer-element> |
| 104 | 105 |
| 105 <script type="application/dart" src="script_inset.dart"></script> | 106 <script type="application/dart" src="script_inset.dart"></script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1309223002:
Allow script insets to scroll. (Closed)
Base URL: git@github.com:dart-lang/sdk.git@master