golem
/
MinervaNeue
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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:
jdlrobson 2019-01-16 11:18:52 -08:00 committed by Jdlrobson
parent 8cf642aa00
commit 7e81cfa663
3 changed files with 76 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
skin.json
View File

@ -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"
],

73
skinStyles/ext.confirmEdit.fancyCaptcha.styles/minerva.less Normal file
View File

@ -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;
}
}
}

65
skinStyles/mediawiki.special.userlogin.common.styles/minerva.less
View File

@ -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,