| Index: trunk/extensions/VisualEditor/modules/sandbox/sandbox.css |
| — | — | @@ -42,7 +42,7 @@ |
| 43 | 43 | } |
| 44 | 44 | .es-showData #es-visual { |
| 45 | 45 | float: left; |
| 46 | | - width: 48%; |
| | 46 | + width: 49%; |
| 47 | 47 | overflow: hidden; |
| 48 | 48 | } |
| 49 | 49 | #es-panels { |
| — | — | @@ -158,4 +158,11 @@ |
| 159 | 159 | #es-panel-history div { |
| 160 | 160 | border-bottom: solid 1px #dddddd; |
| 161 | 161 | padding: 0.5em 0; |
| | 162 | + color: #666666; |
| | 163 | + background-color: #f3f3f3; |
| | 164 | +} |
| | 165 | + |
| | 166 | +#es-panel-history div.es-panel-history-active { |
| | 167 | + color: #000000; |
| | 168 | + background-color: white; |
| 162 | 169 | } |
| \ No newline at end of file |
| Index: trunk/extensions/VisualEditor/modules/sandbox/sandbox.js |
| — | — | @@ -488,11 +488,15 @@ |
| 489 | 489 | end = Math.max( 0, i - 25 ), |
| 490 | 490 | action, |
| 491 | 491 | ops, |
| 492 | | - data; |
| | 492 | + data, |
| | 493 | + attr; |
| 493 | 494 | while ( --i >= end ) { |
| | 495 | + attr = i === surfaceModel.historyIndex ? |
| | 496 | + ' class="es-panel-history-active"' : ''; |
| 494 | 497 | action = surfaceModel.history[i]; |
| 495 | 498 | if ( action instanceof es.Range ) { |
| 496 | | - events += '<div>sel( ' + action.from + ', ' + action.to + ' )</div>'; |
| | 499 | + events += '<div' + attr + '>sel(' + action.from + ', ' + action.to + |
| | 500 | + ')</div>'; |
| 497 | 501 | } else { |
| 498 | 502 | ops = action.getOperations().slice( 0 ); |
| 499 | 503 | for ( var j = 0; j < ops.length; j++ ) { |
| — | — | @@ -506,9 +510,9 @@ |
| 507 | 511 | if ( typeof data !== 'string' && typeof data !== 'number' ) { |
| 508 | 512 | data = '-'; |
| 509 | 513 | } |
| 510 | | - ops[j] = ops[j].type.substr( 0, 3 ) + '( ' + data + ' )'; |
| | 514 | + ops[j] = ops[j].type.substr( 0, 3 ) + '(' + data + ')'; |
| 511 | 515 | } |
| 512 | | - events += '<div>' + ops.join( ', ' ) + '</div>'; |
| | 516 | + events += '<div' + attr + '>' + ops.join( ', ' ) + '</div>'; |
| 513 | 517 | } |
| 514 | 518 | } |
| 515 | 519 | this.$panel.html( events ); |