wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-28 08:10:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Fix layout of welcome dialog on smaller screens"

Browse source
This commit is contained in:
jenkins-bot 2018-04-12 22:55:39 +00:00 committed by Gerrit Code Review
parent 62d2211aed 2496fcefb0
commit 3a9ec6bcce
2 changed files with 9 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
modules/ve-mw/init/ve.init.MWWelcomeDialog.js
View file

@ -60,15 +60,12 @@ mw.libs.ve.WelcomeDialog.prototype.getSetupProcess = function ( data ) {
// Provide default title and message
data = $.extend( {
title: mw.msg( 'visualeditor-welcomedialog-title', mw.user, mw.config.get( 'wgSiteName' ) ),
message: $( '<div>' ).addClass( 'visualeditor-welcomedialog-content' )
message: $( '<span>' )
.addClass( 'visualeditor-welcomedialog-content' )
.append(
$( '<span>' )
.addClass( 'visualeditor-welcomedialog-content-text' )
.append(
document.createTextNode( mw.msg( 'visualeditor-welcomedialog-content' ) ),
$( '<br>' ),
document.createTextNode( mw.msg( 'visualeditor-welcomedialog-content-thanks' ) )
)
document.createTextNode( mw.msg( 'visualeditor-welcomedialog-content' ) ),
$( '<br>' ),
document.createTextNode( mw.msg( 'visualeditor-welcomedialog-content-thanks' ) )
)
}, data );

14
modules/ve-mw/ui/styles/dialogs/ve.ui.MWWelcomeDialog.css
View file

@ -4,17 +4,11 @@
* @copyright 2011-2018 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.visualeditor-welcomedialog-content {
text-align: center;
}
.ve-ui-mobileWindowManager .visualeditor-welcomedialog-content {
background-size: 11em;
}
.visualeditor-welcomedialog-content-text {
background: url( images/welcomeSplash-ltr.png ) 50% -2em no-repeat;
background-size: 50%;
background: url( images/welcomeSplash-ltr.png ) 50% -1em no-repeat;
background-size: contain;
display: block;
text-align: center;
padding-top: 12em;
}