| Index: trunk/extensions/UploadWizard/UploadWizard.config.php |
| — | — | @@ -181,7 +181,7 @@ |
| 182 | 182 | |
| 183 | 183 | |
| 184 | 184 | // Default thumbnail width |
| 185 | | - 'thumbnailWidth' => 60, |
| | 185 | + 'thumbnailWidth' => 100, |
| 186 | 186 | |
| 187 | 187 | // Max thumbnail height: |
| 188 | 188 | 'thumbnailMaxHeight' => 100, |
| Index: trunk/extensions/UploadWizard/resources/uploadWizard.css |
| — | — | @@ -162,11 +162,12 @@ |
| 163 | 163 | |
| 164 | 164 | .mwe-upwiz-file-preview { |
| 165 | 165 | float: left; |
| 166 | | - height: 60px; |
| 167 | | - width: 60px; |
| | 166 | + height: 100px; |
| | 167 | + width: 100px; |
| 168 | 168 | padding: 0.5em; |
| 169 | 169 | border: 1px solid #e0e0e0; |
| 170 | 170 | margin-right: 1em; |
| | 171 | + text-align: center; |
| 171 | 172 | /* @embed */ |
| 172 | 173 | background: url('images/32px-Blank-document.svg.png') no-repeat center center; |
| 173 | 174 | } |
| — | — | @@ -353,7 +354,8 @@ |
| 354 | 355 | border: 1px solid #cccccc; |
| 355 | 356 | text-align: center; |
| 356 | 357 | background: #ffffff; |
| 357 | | - width: 60px; |
| | 358 | + width: 100px; |
| | 359 | + height: 100px; |
| 358 | 360 | padding: 8px; |
| 359 | 361 | } |
| 360 | 362 | |
| — | — | @@ -361,7 +363,7 @@ |
| 362 | 364 | float: left; |
| 363 | 365 | margin-bottom: 1em; |
| 364 | 366 | margin-right: 1em; |
| 365 | | - width: 76px; /* see .mwe-upwiz-thumbnail, 60 + 8 + 8 */ |
| | 367 | + width: 116px; /* see .mwe-upwiz-thumbnail, 100 + 8 + 8 */ |
| 366 | 368 | } |
| 367 | 369 | |
| 368 | 370 | #mwe-upwiz-deeds-thumbnails { |
| — | — | @@ -702,3 +704,4 @@ |
| 703 | 705 | .mwe-upwiz-details-texts { |
| 704 | 706 | padding: 0.5em; |
| 705 | 707 | } |
| | 708 | + |
| Index: trunk/extensions/UploadWizard/resources/mw.UploadWizard.js |
| — | — | @@ -609,16 +609,26 @@ |
| 610 | 610 | } ); |
| 611 | 611 | |
| 612 | 612 | // add the image to the DOM, finally |
| 613 | | - $j( selector ).html( |
| 614 | | - $j( '<a class="mwe-upwiz-thumbnail-link"></a>' ).append( |
| 615 | | - $j( '<img/>' ) |
| 616 | | - .attr( { |
| 617 | | - width: parseInt( image.width * scaling, 10 ), |
| 618 | | - height: parseInt( image.height * scaling, 10 ), |
| 619 | | - src: image.src |
| 620 | | - } ) |
| 621 | | - ) |
| 622 | | - ); |
| | 613 | + $j( selector ) |
| | 614 | + .css( { background: 'none' } ) |
| | 615 | + .html( |
| | 616 | + $j( '<a/></a>' ) |
| | 617 | + .addClass( "mwe-upwiz-thumbnail-link" ) |
| | 618 | + .append( |
| | 619 | + $j( '<img/>' ) |
| | 620 | + .attr( { |
| | 621 | + width: parseInt( image.width * scaling, 10 ), |
| | 622 | + height: parseInt( image.height * scaling, 10 ), |
| | 623 | + src: image.src |
| | 624 | + } ) |
| | 625 | + .css( { |
| | 626 | + //'position': 'absolute', |
| | 627 | + //'top': '50%', |
| | 628 | + //'height': height.toString() + 'px', |
| | 629 | + 'margin-top': ( parseInt( ( 100 - image.height * scaling ) / 2, 10 ) ).toString() + 'px' |
| | 630 | + } ) |
| | 631 | + ) |
| | 632 | + ); |
| 623 | 633 | placed = true; |
| 624 | 634 | }; |
| 625 | 635 | |
| — | — | @@ -1465,7 +1475,7 @@ |
| 1466 | 1476 | .html( $j( '<a/>' ).html( upload.title.getMainText() ) ); |
| 1467 | 1477 | var $thumbnailWrapDiv = $j( '<div></div>' ).addClass( 'mwe-upwiz-thumbnail-side' ); |
| 1468 | 1478 | $thumbnailWrapDiv.append( $thumbnailDiv, $thumbnailCaption ); |
| 1469 | | - upload.setThumbnail( $thumbnailDiv ); |
| | 1479 | + upload.setThumbnail( $thumbnailDiv, mw.UploadWizard.config[ 'thumbnailWidth' ], mw.UploadWizard.config[ 'thumbnailMaxHeight' ] ); |
| 1470 | 1480 | |
| 1471 | 1481 | // Set the thumbnail links so that they point to the image description page |
| 1472 | 1482 | $thumbnailWrapDiv.find( 'a' ).attr( { |