jenkins-bot has submitted this change and it was merged.
Change subject: Tweaks to login and sign up form in alpha
......................................................................
Tweaks to login and sign up form in alpha
* Make corners rounded for inputs
* Center links underneath form
* Hide specific content to focus on primary purpose of form
See also: I175e9f515d962f9078845f25f9b96079819444c6
Change-Id: I16ac04f467d4f16977546ec276f89b1ac871114e
---
M less/specials/userlogin.less
1 file changed, 24 insertions(+), 5 deletions(-)
Approvals:
Jhernandez: Looks good to me, approved
jenkins-bot: Verified
diff --git a/less/specials/userlogin.less b/less/specials/userlogin.less
index 55c2c37..87caec8 100644
--- a/less/specials/userlogin.less
+++ b/less/specials/userlogin.less
@@ -87,21 +87,29 @@
@margin: 12px;
.alpha {
+ // reason for account creation is not so important on mobile -
it should be obvious through the workflows
+ .mw-createacct-benefits-container {
+ display: none;
+ }
+
#userloginForm {
+ // tips are not useful
+ .prefsectiontip,
+ // hide help link
+ #mw-userlogin-help,
+ // benefits are obvious through the workflows
+ #wpReason,
+ // real name in account creation is not so important on
mobile
+ #wpRealName,
// Hide keep me logged in checkbox on mobile.
// FIXME: this should be checked by default on mobile.
Use JavaScript to check this?
.mw-ui-checkbox {
display: none;
}
-
- .loginText {
- border-bottom: 0;
- }
}
// account creation
#userlogin2 {
- #wpEmail,
.loginPassword {
border-bottom: 0;
}
@@ -109,6 +117,10 @@
.mw-ui-checkbox {
margin: @margin 0;
}
+ }
+
+ .mw-ui-vform-field {
+ text-align: center;
}
.mw-ui-vform {
@@ -143,6 +155,13 @@
// Make the inputs look connected in mobile mode
.mw-ui-input {
border: solid 1px @colorGrayLight;
+
+ #wpEmail,
+ &.loginPassword {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: -1px;
+ }
}
}
}
--
To view, visit https://gerrit.wikimedia.org/r/181531
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: I16ac04f467d4f16977546ec276f89b1ac871114e
Gerrit-PatchSet: 4
Gerrit-Project: mediawiki/extensions/MobileFrontend
Gerrit-Branch: master
Gerrit-Owner: Jdlrobson <[email protected]>
Gerrit-Reviewer: Florianschmidtwelzow <[email protected]>
Gerrit-Reviewer: Jdlrobson <[email protected]>
Gerrit-Reviewer: Jhernandez <[email protected]>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
