| OLD | NEW |
|---|
| (Empty) |
| 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | |
| 2 | |
| 3 | |
| 4 <polymer-element name="icon-refresh" noscript> | |
| 5 <template> | |
| 6 <style> | |
| 7 svg { | |
| 8 fill: currentColor | |
| 9 } | |
| 10 </style> | |
| 11 <svg width="24" height="24"> | |
| 12 <path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8
7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s
2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/> | |
| 13 </svg> | |
| 14 </template> | |
| 15 </polymer-element> | |
| 16 | |
| 17 <polymer-element name="icon-whatshot" noscript> | |
| 18 <template> | |
| 19 <style> | |
| 20 svg { | |
| 21 fill: currentColor | |
| 22 } | |
| 23 </style> | |
| 24 <svg width="24" height="24"> | |
| 25 <path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1
.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.6
1 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3
.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z
"></path> | |
| 26 </svg> | |
| 27 </template> | |
| 28 </polymer-element> | |
| 29 | |
| 30 <polymer-element name="script-inset"> | |
| 31 <template> | |
| 32 <style> | |
| 33 a { | |
| 34 color: #0489c3; | |
| 35 text-decoration: none; | |
| 36 } | |
| 37 a:hover { | |
| 38 text-decoration: underline; | |
| 39 } | |
| 40 .sourceInset { | |
| 41 } | |
| 42 .sourceTable { | |
| 43 position: relative; | |
| 44 background-color: #f5f5f5; | |
| 45 border: 1px solid #ccc; | |
| 46 padding: 10px; | |
| 47 width: 100%; | |
| 48 box-sizing: border-box; | |
| 49 overflow-x: scroll; | |
| 50 } | |
| 51 .sourceRow { | |
| 52 display: flex; | |
| 53 flex-direction: row; | |
| 54 width: 100%; | |
| 55 } | |
| 56 .sourceItem, .sourceItemCurrent { | |
| 57 vertical-align: top; | |
| 58 font: 400 14px consolas, courier, monospace; | |
| 59 line-height: 125%; | |
| 60 white-space: pre; | |
| 61 max-width: 0; | |
| 62 } | |
| 63 .currentLine { | |
| 64 background-color: #fff; | |
| 65 } | |
| 66 .currentCol { | |
| 67 background-color: #6cf; | |
| 68 } | |
| 69 .hitsCurrent, .hitsNone, .hitsNotExecuted, .hitsExecuted, .hitsCompiled, .
hitsNotCompiled { | |
| 70 display: table-cell; | |
| 71 vertical-align: top; | |
| 72 font: 400 14px consolas, courier, monospace; | |
| 73 margin-left: 5px; | |
| 74 margin-right: 5px; | |
| 75 text-align: right; | |
| 76 color: #a8a8a8; | |
| 77 } | |
| 78 .hitsCurrent { | |
| 79 background-color: #6cf; | |
| 80 color: black; | |
| 81 } | |
| 82 .hitsNotExecuted { | |
| 83 background-color: #faa; | |
| 84 } | |
| 85 .hitsExecuted { | |
| 86 background-color: #aea; | |
| 87 } | |
| 88 .hitsCompiled { | |
| 89 background-color: #e0e0e0; | |
| 90 } | |
| 91 .hitsNotCompiled { | |
| 92 background-color: #f0c5c5; | |
| 93 } | |
| 94 | |
| 95 .noCopy {} | |
| 96 .emptyBreakpoint, .possibleBreakpoint, .busyBreakpoint, .unresolvedBreakpo
int, .resolvedBreakpoint { | |
| 97 display: table-cell; | |
| 98 vertical-align: top; | |
| 99 font: 400 14px consolas, courier, monospace; | |
| 100 width: 1em; | |
| 101 text-align: center; | |
| 102 cursor: pointer; | |
| 103 } | |
| 104 .possibleBreakpoint { | |
| 105 color: #e0e0e0; | |
| 106 } | |
| 107 .possibleBreakpoint:hover { | |
| 108 color: white; | |
| 109 background-color: #777; | |
| 110 } | |
| 111 .busyBreakpoint { | |
| 112 color: white; | |
| 113 background-color: black; | |
| 114 cursor: wait; | |
| 115 } | |
| 116 .unresolvedBreakpoint { | |
| 117 color: white; | |
| 118 background-color: #cac; | |
| 119 } | |
| 120 .resolvedBreakpoint { | |
| 121 color: white; | |
| 122 background-color: #e66; | |
| 123 } | |
| 124 .unresolvedBreakAnnotation { | |
| 125 color: white; | |
| 126 background-color: #cac; | |
| 127 } | |
| 128 .resolvedBreakAnnotation { | |
| 129 color: white; | |
| 130 background-color: #e66; | |
| 131 } | |
| 132 .notSourceProfile, .noProfile, .coldProfile, .mediumProfile, .hotProfile { | |
| 133 display: table-cell; | |
| 134 vertical-align: top; | |
| 135 font: 400 14px consolas, courier, monospace; | |
| 136 width: 4em; | |
| 137 text-align: right; | |
| 138 cursor: pointer; | |
| 139 margin-left: 5px; | |
| 140 margin-right: 5px; | |
| 141 } | |
| 142 .notSourceProfile { | |
| 143 } | |
| 144 .noProfile { | |
| 145 background-color: #e0e0e0; | |
| 146 } | |
| 147 .coldProfile { | |
| 148 background-color: #aea; | |
| 149 } | |
| 150 .mediumProfile { | |
| 151 background-color: #fe9; | |
| 152 } | |
| 153 .hotProfile { | |
| 154 background-color: #faa; | |
| 155 } | |
| 156 </style> | |
| 157 </template> | |
| 158 </polymer-element> | |
| 159 | |
| 160 <polymer-element name="refresh-button"> | |
| 161 <template> | |
| 162 <style> | |
| 163 .refreshButton { | |
| 164 color: rgba(0,0,0,.3); | |
| 165 } | |
| 166 .refreshButton:hover { | |
| 167 color: black; | |
| 168 } | |
| 169 .refreshButtonDisabled { | |
| 170 color: white; | |
| 171 cursor: wait; | |
| 172 } | |
| 173 </style> | |
| 174 <template if="{{ callback != null }}"> | |
| 175 <template if="{{ busy }}"> | |
| 176 <icon-refresh id="refreshIcon" class="refreshButtonDisabled"> | |
| 177 </icon-refresh> | |
| 178 </template> | |
| 179 <template if="{{ !busy }}"> | |
| 180 <a on-click="{{ buttonClick }}"> | |
| 181 <icon-refresh id="refreshIcon" class="refreshButton"></icon-refresh> | |
| 182 </a> | |
| 183 </template> | |
| 184 </template> | |
| 185 </template> | |
| 186 </polymer-element> | |
| 187 | |
| 188 <polymer-element name="toggle-button"> | |
| 189 <template> | |
| 190 <style> | |
| 191 </style> | |
| 192 <template if="{{ callback != null }}"> | |
| 193 <template if="{{ enabled }}"> | |
| 194 <a on-click="{{ buttonClick }}"> | |
| 195 <content></content> | |
| 196 </a> | |
| 197 </template> | |
| 198 <template if="{{ !enabled }}"> | |
| 199 <a on-click="{{ buttonClick }}"> | |
| 200 <content></content> | |
| 201 </a> | |
| 202 </template> | |
| 203 </template> | |
| 204 </template> | |
| 205 </polymer-element> | |
| 206 | |
| 207 <polymer-element name="source-inset"> | |
| 208 <template> | |
| 209 <template if="{{ location != null }}"> | |
| 210 <script-inset script="{{ location.script }}" | |
| 211 startPos="{{ location.tokenPos }}" | |
| 212 scroller="{{ scroller }}" | |
| 213 endPos="{{ location.endTokenPos }}" | |
| 214 height="{{ height }}" | |
| 215 currentPos="{{ currentPos }}" | |
| 216 inDebuggerContext="{{ inDebuggerContext }}" | |
| 217 variables="{{ variables }}"> | |
| 218 </script-inset> | |
| 219 </template> | |
| 220 </template> | |
| 221 </polymer-element> | |
| 222 | |
| 223 <script type="application/dart" src="script_inset.dart"></script> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2277543004:
Converted Observatory script-inset & source-inset elements (Closed)
Base URL: git@github.com:dart-lang/sdk.git@master