diff --git a/resources/mmv/ui/mmv.ui.reuse.download.js b/resources/mmv/ui/mmv.ui.reuse.download.js index 981cd2265..8d2731124 100644 --- a/resources/mmv/ui/mmv.ui.reuse.download.js +++ b/resources/mmv/ui/mmv.ui.reuse.download.js @@ -33,7 +33,7 @@ /** @property {mw.mmv.ui.reuse.Utils} utils - */ this.utils = new mw.mmv.ui.reuse.Utils(); - this.$pane.addClass( 'mw-mlb-download-pane' ); + this.$pane.addClass( 'mw-mmv-download-pane' ); this.$pane.appendTo( this.$container ); this.createDownloadButton( this.$pane ); @@ -72,18 +72,18 @@ this.$downloadButton = $( '' ) .attr( 'target', '_blank' ) .attr( 'download', '' ) - .addClass( 'mw-ui-button mw-ui-constructive multimediaviewer-download-button' ); + .addClass( 'mw-ui-button mw-ui-constructive mw-mmv-download-button' ); this.$selectionArrow = $( '' ) - .addClass( 'mw-ui-button mw-mlb-download-select-menu' ) + .addClass( 'mw-ui-button mw-mmv-download-select-menu' ) .append( $( '' ) - .addClass( 'multimediaviewer-download-image-size-name' ) + .addClass( 'mw-mmv-download-image-size-name' ) .html( ' ' ) ) .append( $( '' ) - .addClass( 'multimediaviewer-download-image-size' ) + .addClass( 'mw-mmv-download-image-size' ) .html( ' ' ) ); @@ -100,7 +100,7 @@ DP.createSizePulldownMenu = function ( $container ) { this.downloadSizeMenu = this.utils.createPulldownMenu( [ 'original', 'small', 'medium', 'large' ], - [ 'mw-mlb-download-size' ], + [ 'mw-mmv-download-size' ], 'original' ); @@ -115,7 +115,7 @@ DP.createPreviewLink = function ( $container ) { this.$previewLink = $( '' ) .attr( 'target', '_blank' ) - .addClass( 'mw-mlb-download-preview-link' ) + .addClass( 'mw-mmv-download-preview-link' ) .text( mw.message( 'multimediaviewer-download-preview-link-title' ).text() ) .appendTo( $container ); }; @@ -289,8 +289,8 @@ // Update button label and size strings to reflect new selected size this.$downloadButton.html( - '' + sizeClasMessage + '' - + '' + sizeMessage + '' + '' + sizeClasMessage + '' + + '' + sizeMessage + '' ); }; diff --git a/resources/mmv/ui/mmv.ui.reuse.download.less b/resources/mmv/ui/mmv.ui.reuse.download.less index 5e2e8bccd..6017fd8d5 100644 --- a/resources/mmv/ui/mmv.ui.reuse.download.less +++ b/resources/mmv/ui/mmv.ui.reuse.download.less @@ -4,7 +4,7 @@ @attribution-color-highlighted: #f5f5f5; @attribution-logo-size: 40px; -.mw-mlb-download-pane { +.mw-mmv-download-pane { padding: 0 @pane-padding; position: relative; height: 280px; @@ -15,13 +15,13 @@ cursor: default; } - .multimediaviewer-download-button { + .mw-mmv-download-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* Selection size arrow element */ - .mw-mlb-download-select-menu { + .mw-mmv-download-select-menu { background-position: center center; background-repeat: no-repeat; background-color: @mw-ui-constructive-button-color; @@ -35,17 +35,17 @@ } } - .multimediaviewer-download-image-size-name { + .mw-mmv-download-image-size-name { display:block; } - .multimediaviewer-download-image-size { + .mw-mmv-download-image-size { display:block; font-size: small; font-weight: normal; } - .mw-mlb-download-preview-link { + .mw-mmv-download-preview-link { display: block; margin-top: 12px; margin-left: -6px; @@ -67,7 +67,7 @@ } /* Pulldown size menu */ - .mw-mlb-download-size { + .mw-mmv-download-size { display: none; &.active { diff --git a/tests/qunit/mmv/ui/mmv.ui.reuse.utils.test.js b/tests/qunit/mmv/ui/mmv.ui.reuse.utils.test.js index 9cee45b3d..45e0c7e89 100644 --- a/tests/qunit/mmv/ui/mmv.ui.reuse.utils.test.js +++ b/tests/qunit/mmv/ui/mmv.ui.reuse.utils.test.js @@ -30,7 +30,7 @@ def = 'large', menu = utils.createPulldownMenu( menuItems, - [ 'mw-mlb-download-size' ], + [ 'mw-mmv-download-size' ], def ), options = menu.getMenu().getItems(), @@ -53,7 +53,7 @@ var utils = new mw.mmv.ui.reuse.Utils(), menu = utils.createPulldownMenu( [ 'original', 'small', 'medium', 'large' ], - [ 'mw-mlb-download-size' ], + [ 'mw-mmv-download-size' ], 'original' ), options = menu.getMenu().getItems(),