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": {
|
||||
"minerva": {
|
||||
"ext.confirmEdit.fancyCaptcha.styles": [
|
||||
"skinStyles/ext.confirmEdit.fancyCaptcha.styles/minerva.less"
|
||||
],
|
||||
"mobile.special.mobileoptions.styles": [
|
||||
"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;
|
||||
}
|
||||
|
||||
// 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-vform {
|
||||
margin: auto;
|
||||
|
@ -54,55 +38,6 @@
|
|||
.mw-createacct-benefits-container {
|
||||
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,
|
||||
|
|
Loading…
Reference in New Issue