Allow non-js users to remember login on grade C browsers

* Grade C browsers on mobile will now check checkbox
* Grade A browsers will not see it and it will be ticked by default
* On tablet the checkbox will be visible to both grade A and C.

Change-Id: I2c77916097afef8eb6a1b3ea28eb0e50c1dff7f4
Depends-On: I5f646b5c939e498eda9bec249658a969f3f91c5d
Bug: T196947
This commit is contained in:
jdlrobson 2018-06-20 11:44:23 -07:00
parent f943abd854
commit 903863b7f1
1 changed files with 28 additions and 3 deletions

View File

@ -136,6 +136,33 @@
}
}
// Hide keep me logged in checkbox on mobile. It will be marked as checked by default.
#userloginForm {
.mw-htmlform-field-HTMLCheckField {
display: none;
}
}
.client-nojs {
// Show keep me logged in checkbox for grade C users on mobile so that they can
// check the checkbox (we use JS to check this and that won't run on grade C bmode)
#userloginForm {
.mw-htmlform-field-HTMLCheckField {
display: block;
margin: 10px 0 11px;
}
}
}
@media all and ( min-width: @width-breakpoint-tablet ) {
// If tablet mode, show the keep me logged in checkbox
#userloginForm {
.mw-htmlform-field-HTMLCheckField {
display: block;
}
}
}
// FIXME: Some of these rules should actually be mobile first, only hiding inputs needs to be wrapped in a media query
@media all and ( max-width: @width-breakpoint-tablet ) {
@margin: 12px;
@ -148,9 +175,7 @@
// 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.
.mw-ui-checkbox {
#wpRealName {
display: none !important;
}
}