Thijs/wiki.techinc.nl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Make the login and signup forms wider

Browse source 
According to Codex Style Guide:
https://doc.wikimedia.org/codex/latest/style-guide/constructing-forms.html#layout
forms "should span the entire parent container of the page".

We need to leave some space for the account benefits column,
so we can't quite do that, but we can make it less cramped.

Allow the benefits column to shrink a little, so that this change
doesn't push it offscreen at common screen resolutions.

Bug: T355853
Bug: T407172
Change-Id: I70bdbd414e2dc871dadc58922b34acb91cd66381
(cherry picked from commit f0cf5e6393663f319f1d7697f4527d9a4635e760)
This commit is contained in:
Bartosz Dziewoński 2025-09-27 00:16:36 +02:00 committed by jenkins-bot
parent f2816a3b29
commit 71c9afd57a
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
resources/src/mediawiki.special.userlogin.common.styles/userlogin.less
View file

@ -1,14 +1,13 @@
/* User login and signup forms */
@import 'mediawiki.skin.variables.less';
@import 'mediawiki.mixins.less';
@defaultFormWidth: 290px;
@width-login-form: @size-2800;
.mw-htmlform {
box-sizing: border-box;
@media ( min-width: @min-width-breakpoint-tablet ) {
width: @defaultFormWidth;
width: @width-login-form;
}
}

9
resources/src/mediawiki.special.userlogin.signup.styles/signup.less
View file

@ -6,7 +6,14 @@
/* Benefits column CSS to the right (if it fits) of the form, otherwise below. */
display: flex;
flex-wrap: wrap;
gap: 50px 100px;
gap: @spacing-300;
.mw-createacct-benefits-container {
@size-1200: 12em;
flex-basis: @size-1200;
flex-grow: 1;
max-width: max-content;
}
}
.mw-createacct-benefits-heading {