| Index: trunk/extensions/MoodBar/ApiFeedbackDashboardResponse.php |
| — | — | @@ -54,7 +54,7 @@ |
| 55 | 55 | $feedback_link . "\n" . |
| 56 | 56 | '<span id="feedback-dashboard-response-' . $id . '"></span>' . "\n\n" . |
| 57 | 57 | $response . "\n\n~~~~\n\n" . |
| 58 | | - '<span class="markashelpful-mbresponse-' . $id . '"> </span>', |
| | 58 | + '<span class="markashelpful-mbresponse-' . $id . '"> </span>', |
| 59 | 59 | 'token' => $params['token'], |
| 60 | 60 | 'summary' => $summary, |
| 61 | 61 | 'notminor' => true, |
| Index: trunk/extensions/MoodBar/modules/ext.moodBar.dashboard/ext.moodBar.dashboard.css |
| — | — | @@ -187,11 +187,15 @@ |
| 188 | 188 | .fbd-item { |
| 189 | 189 | border-bottom: solid 1px silver; |
| 190 | 190 | position: relative; |
| 191 | | - margin-top:0.5em; |
| 192 | | - margin-bottom:0.5em; |
| 193 | | - padding:0; |
| | 191 | + padding-top:0.5em; |
| | 192 | + padding-right:1em; |
| | 193 | + cursor:pointer; |
| 194 | 194 | } |
| 195 | 195 | |
| | 196 | +.fbd-hover { |
| | 197 | + background-color:#f1f1f1; |
| | 198 | +} |
| | 199 | + |
| 196 | 200 | .fbd-item-emoticon { |
| 197 | 201 | float: left; |
| 198 | 202 | margin-right: 0.5em; |
| — | — | @@ -203,7 +207,7 @@ |
| 204 | 208 | |
| 205 | 209 | .fbd-item-emoticon-label { |
| 206 | 210 | display: block; |
| 207 | | - margin-top: 64px; |
| | 211 | + margin-top: 66px; |
| 208 | 212 | text-align: center; |
| 209 | 213 | } |
| 210 | 214 | |
| — | — | @@ -224,9 +228,13 @@ |
| 225 | 229 | padding:1.5em 2em; |
| 226 | 230 | } |
| 227 | 231 | |
| | 232 | +.fbd-item-response { |
| | 233 | + line-height: 22px; |
| | 234 | +} |
| | 235 | + |
| 228 | 236 | .fbd-item-response-icon { |
| 229 | 237 | float: left; |
| 230 | | - display: block; |
| | 238 | + display: block; |
| 231 | 239 | height: 56px; |
| 232 | 240 | width: 56px; |
| 233 | 241 | background-position: center center; |
| — | — | @@ -295,14 +303,24 @@ |
| 296 | 304 | |
| 297 | 305 | .fbd-item-userLinks{ |
| 298 | 306 | font-size: 1em; |
| | 307 | + visibility:hidden; |
| 299 | 308 | } |
| 300 | 309 | |
| | 310 | +.fbd-hover .fbd-item-userLinks { |
| | 311 | + visibility:visible; |
| | 312 | +} |
| | 313 | + |
| 301 | 314 | .fbd-item-time { |
| 302 | 315 | font-size: 1.2em; |
| 303 | 316 | float: right; |
| 304 | 317 | display:inline; /* ie7 fix */ |
| | 318 | + visibility:hidden; |
| 305 | 319 | } |
| 306 | 320 | |
| | 321 | +.fbd-hover .fbd-item-time { |
| | 322 | + visibility:visible; |
| | 323 | +} |
| | 324 | + |
| 307 | 325 | .fbd-item-message { |
| 308 | 326 | font-size: 1.4em; |
| 309 | 327 | margin-top: 0.25em; |
| — | — | @@ -342,7 +360,17 @@ |
| 343 | 361 | font-size: 0.8em; |
| 344 | 362 | margin-left: 0.2em; |
| 345 | 363 | margin-right: 0.2em; |
| | 364 | + visibility:hidden; |
| 346 | 365 | } |
| | 366 | + |
| | 367 | +.fbd-hover .fbd-item-permalink, |
| | 368 | +.fbd-hover .fbd-item-show, |
| | 369 | +.fbd-hover .fbd-item-hide, |
| | 370 | +.fbd-hover .fbd-item-reason { |
| | 371 | + visibility:visible; |
| | 372 | +} |
| | 373 | + |
| | 374 | + |
| 347 | 375 | .fbd-respond-link { |
| 348 | 376 | font-size:1.1em; |
| 349 | 377 | cursor:pointer; |
| Index: trunk/extensions/MoodBar/modules/ext.moodBar.dashboard/ext.moodBar.dashboard.js |
| — | — | @@ -378,8 +378,9 @@ |
| 379 | 379 | .find('.fbd-item-response-collapsed') |
| 380 | 380 | .parent() |
| 381 | 381 | .removeClass('responder-expanded'); |
| 382 | | - |
| 383 | | - $( this ).find('.fbd-response-form').remove(); |
| | 382 | + //remove disabled prop to prevent memory leaks in IE < 9 |
| | 383 | + $( '.fbd-response-preview, .fbd-response-submit').removeProp('disabled'); |
| | 384 | + $( this ).find('.fbd-response-form').remove(); |
| 384 | 385 | } |
| 385 | 386 | }); |
| 386 | 387 | } |
| — | — | @@ -439,11 +440,11 @@ |
| 440 | 441 | $('<div>').attr('class', 'ula small').html( ula ).hide()) |
| 441 | 442 | ).append( |
| 442 | 443 | $('<button>').attr( 'class', 'fbd-response-submit' ).html( mw.msg( 'moodbar-response-btn' ) + ' <span class="fbd-item-send-response-icon"></span>' ) |
| 443 | | - .attr( 'disabled', 'true' ).hide() |
| | 444 | + .prop( 'disabled', true ).hide() |
| 444 | 445 | ).append( |
| 445 | 446 | $('<button>').attr('class', 'fbd-response-preview-back').text( mw.msg( 'response-back-text' ) ).hide() |
| 446 | 447 | ).append( |
| 447 | | - $('<button>').attr( 'class', 'fbd-response-preview').text ( mw.msg( 'response-preview-text' ) ).attr( 'disabled', 'true' ) |
| | 448 | + $('<button>').attr( 'class', 'fbd-response-preview').text ( mw.msg( 'response-preview-text' ) ).prop( 'disabled', true ) |
| 448 | 449 | ).append( |
| 449 | 450 | $('<div>').attr( 'style', 'clear:both' ) |
| 450 | 451 | ); |
| — | — | @@ -676,6 +677,14 @@ |
| 677 | 678 | } |
| 678 | 679 | }); |
| 679 | 680 | |
| | 681 | + $( '#fbd-list' ).delegate( '.fbd-item', 'hover', function (){ |
| | 682 | + $(this).toggleClass('fbd-hover'); |
| | 683 | + }); |
| | 684 | + |
| | 685 | + $( '#fbd-list' ).delegate( '.fbd-item', 'mouseleave', function (){ |
| | 686 | + $(this).removeClass('fbd-hover'); |
| | 687 | + }); |
| | 688 | + |
| 680 | 689 | saveFormState(); |
| 681 | 690 | var filterType = $( '#fbd-filters' ).children( 'form' ).data( 'filtertype' ); |
| 682 | 691 | // If filtering already happened on the PHP side, don't load the form state from cookies |