Rename CSS classes for help text

The is now consistent with other CSS naming and MW rules.

Change-Id: I4bcffe2d22692d1784ebb53c49f49c94f412486f
This commit is contained in:
WMDE-Fisch 2017-03-16 15:53:39 +01:00
parent 5404348c81
commit 89b1f8a4da
3 changed files with 12 additions and 12 deletions

View file

@ -19,11 +19,11 @@
label: mw.msg( 'revisionslider-next-dialog' ),
flags: [ 'primary', 'progressive' ],
modes: [ 'initial', 'middle' ],
classes: [ 'revisionslider-help-next' ]
classes: [ 'mw-revslider-help-next' ]
},
{ action: 'previous', flags: 'safe', label: mw.msg( 'revisionslider-previous-dialog' ), modes: [ 'middle', 'last' ], classes: [ 'revisionslider-help-previous' ] },
{ label: mw.msg( 'revisionslider-close-dialog' ), flags: 'safe', modes: 'initial', classes: [ 'revisionslider-help-close-start' ] },
{ label: mw.msg( 'revisionslider-close-dialog' ), flags: 'primary', modes: 'last', classes: [ 'revisionslider-help-close-end' ] }
{ action: 'previous', flags: 'safe', label: mw.msg( 'revisionslider-previous-dialog' ), modes: [ 'middle', 'last' ], classes: [ 'mw-revslider-help-previous' ] },
{ label: mw.msg( 'revisionslider-close-dialog' ), flags: 'safe', modes: 'initial', classes: [ 'mw-revslider-help-close-start' ] },
{ label: mw.msg( 'revisionslider-close-dialog' ), flags: 'primary', modes: 'last', classes: [ 'mw-revslider-help-close-end' ] }
];
$.extend( HelpDialog.prototype, {
@ -168,13 +168,13 @@
$( 'body' )
.append( windowManager.$element )
.click( function ( event ) {
if ( $( event.target ).hasClass( 'revisionslider-help-dialog' ) ) {
if ( $( event.target ).hasClass( 'mw-revslider-help-dialog' ) ) {
HelpDialog.hide();
}
} );
HelpDialog.show = function () {
dialogue = new HelpDialog( { size: 'medium', classes: [ 'revisionslider-help-dialog' ] } );
dialogue = new HelpDialog( { size: 'medium', classes: [ 'mw-revslider-help-dialog' ] } );
windowManager.addWindows( [ dialogue ] );
windowManager.openWindow( dialogue );
};

View file

@ -286,7 +286,7 @@ of the frameless one (to fit the size of the toggle button */
opacity: 0.5;
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .revisionslider-help-dialog > .oo-ui-window-frame {
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .mw-revslider-help-dialog > .oo-ui-window-frame {
top: 30%;
bottom: auto;
}

View file

@ -10,12 +10,12 @@ class DiffPage
div(:revisionslider_toggle_button, css: '.mw-revslider-toggle-button')
table(:revisionslider_loading, css: '.mw-revslider-diff-loading')
div(:revisionslider_help_dialog, css: '.revisionslider-help-dialog')
div(:revisionslider_help_dialog, css: '.mw-revslider-help-dialog')
button(:revisionslider_help, css: '.mw-revision-slider-container > button')
link(:revisionslider_help_next, css: '.revisionslider-help-next > a')
link(:revisionslider_help_previous, css: '.revisionslider-help-previous > a')
link(:revisionslider_help_close_start, css: '.revisionslider-help-close-start > a')
link(:revisionslider_help_close_end, css: '.revisionslider-help-close-end > a')
link(:revisionslider_help_next, css: '.mw-revslider-help-next > a')
link(:revisionslider_help_previous, css: '.mw-revslider-help-previous > a')
link(:revisionslider_help_close_start, css: '.mw-revslider-help-close-start > a')
link(:revisionslider_help_close_end, css: '.mw-revslider-help-close-end > a')
div(:revisionslider_timeline_backwards, css: '.mw-revslider-arrow.mw-revslider-arrow-backwards:not(.oo-ui-widget-disabled)')
div(:revisionslider_timeline_forwards, css: '.mw-revslider-arrow.mw-revslider-arrow-forwards:not(.oo-ui-widget-disabled)')