Separate ConfirmEdit styles from Login styles
ConfirmEdit styles are migrated from mediawiki.special.userlogin.common.styles to ext.confirmEdit.fancyCaptcha.styles The text of the reload itself mirrors the progressive blue icon by being progressive itself A couple of tweaks to the form (padding) are made to preserve the form to its previous glorious status, other than that the file remains the same. Bug: T213775 Change-Id: I2322194481e4d6b7662c0f075768d5941afa98b8
This commit is contained in:
parent
8cf642aa00
commit
7e81cfa663
|
@ -100,6 +100,9 @@
|
||||||
},
|
},
|
||||||
"ResourceModuleSkinStyles": {
|
"ResourceModuleSkinStyles": {
|
||||||
"minerva": {
|
"minerva": {
|
||||||
|
"ext.confirmEdit.fancyCaptcha.styles": [
|
||||||
|
"skinStyles/ext.confirmEdit.fancyCaptcha.styles/minerva.less"
|
||||||
|
],
|
||||||
"mobile.special.mobileoptions.styles": [
|
"mobile.special.mobileoptions.styles": [
|
||||||
"skinStyles/mobile.special.mobileoptions.styles/minerva.less"
|
"skinStyles/mobile.special.mobileoptions.styles/minerva.less"
|
||||||
],
|
],
|
||||||
|
|
|
@ -0,0 +1,73 @@
|
||||||
|
@import '../../minerva.less/minerva.variables';
|
||||||
|
@import '../../minerva.less/minerva.mixins';
|
||||||
|
|
||||||
|
/* fancycaptcha reload button */
|
||||||
|
.confirmedit-captcha-reload,
|
||||||
|
#mf-captcha-reload-container {
|
||||||
|
border-top: 1px dashed @colorGray12;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 8px 20px;
|
||||||
|
|
||||||
|
.fancycaptcha-reload,
|
||||||
|
&.fancycaptcha-reload {
|
||||||
|
color: @colorProgressive;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mw-createacct-captcha-assisted {
|
||||||
|
display: block;
|
||||||
|
border-top: solid 1px @colorGray12;
|
||||||
|
padding: 0.8em 0.5em;
|
||||||
|
color: @colorGray7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mw-ui-container {
|
||||||
|
// CAPTCHA style improvements
|
||||||
|
.captcha {
|
||||||
|
margin: 0.8em 0 0;
|
||||||
|
border: solid 1px @colorGray12;
|
||||||
|
border-radius: @borderRadius;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #fff;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
input:not( [ type='submit' ] ) {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
border-radius: 0;
|
||||||
|
padding: 0.8em 0.5em;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input:not( [ type='submit' ] ),
|
||||||
|
img,
|
||||||
|
#wpCaptchaWord {
|
||||||
|
border: 0;
|
||||||
|
border-top: solid 1px @colorGray12;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// CAPTCHA's are well known by internet users, save the space of the explanation
|
||||||
|
> p,
|
||||||
|
label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// FancyCaptcha things
|
||||||
|
.fancycaptcha-image-container img {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mw-createacct-captcha-assisted {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.confirmedit-captcha-reload {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -16,22 +16,6 @@
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
// FIXME: Move to ConfirmEdit extension
|
|
||||||
/* fancycaptcha reload button */
|
|
||||||
.confirmedit-captcha-reload,
|
|
||||||
#mf-captcha-reload-container {
|
|
||||||
border-top: 1px dashed #e1e1e1;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 14px 25%;
|
|
||||||
|
|
||||||
// FIXME: Make use of icon classes
|
|
||||||
.fancycaptcha-reload,
|
|
||||||
&.fancycaptcha-reload {
|
|
||||||
color: @colorGray7;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mw-ui-container {
|
.mw-ui-container {
|
||||||
.mw-ui-vform {
|
.mw-ui-vform {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -54,55 +38,6 @@
|
||||||
.mw-createacct-benefits-container {
|
.mw-createacct-benefits-container {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
// CAPTCHA style improvements
|
|
||||||
.captcha {
|
|
||||||
margin: 0.8em 0 0;
|
|
||||||
border: solid 1px @colorGray12;
|
|
||||||
border-radius: @borderRadius;
|
|
||||||
overflow: hidden;
|
|
||||||
background: #fff;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
input:not( [ type='submit' ] ) {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
border-radius: 0;
|
|
||||||
padding: 0.8em 0.5em;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
input:not( [ type='submit' ] ),
|
|
||||||
img,
|
|
||||||
#wpCaptchaWord {
|
|
||||||
border: 0;
|
|
||||||
border-top: solid 1px @colorGray12;
|
|
||||||
|
|
||||||
&:first-child {
|
|
||||||
border-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// CAPTCHA's are well known by internet users, save the space of the explanation
|
|
||||||
> p,
|
|
||||||
label {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
// FancyCaptcha things
|
|
||||||
.fancycaptcha-image-container img {
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mw-createacct-captcha-assisted {
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.confirmedit-captcha-reload {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#mw-mf-login,
|
#mw-mf-login,
|
||||||
|
|
Loading…
Reference in New Issue