Merge "Align anonymous settings dialog appearance with style guide"

This commit is contained in:
jenkins-bot 2017-10-31 23:19:07 +00:00 committed by Gerrit Code Review
commit 77adc2a38f
4 changed files with 20 additions and 8 deletions

View file

@ -2,7 +2,6 @@
"extends": "stylelint-config-wikimedia",
"rules": {
"selector-no-id": null,
"length-zero-no-unit": null,
"no-descending-specificity": null
}
}

View file

@ -99,6 +99,11 @@
"resources/ext.popups/styles/ext.popups.animation.less",
"resources/ext.popups/styles/ext.popups.settings.less"
],
"skinStyles": {
"vector": [
"resources/ext.popups/styles/ext.popups.settings.vector.less"
]
},
"messages": [
"popups-settings-title",
"popups-settings-description",

View file

@ -5,10 +5,10 @@
position: fixed;
z-index: 1000;
background: #fff;
width: 450px;
border: 1px solid #ccc;
box-shadow: 0px 1px 1px rgba( 0, 0, 0, 0.1 );
border-radius: 2px;
width: 420px;
border: 1px solid #a2a9b1;
box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
border-radius: @borderRadius;
header {
.box-sizing( border-box );
@ -30,6 +30,7 @@
width: 100%;
font-family: sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
}
}
@ -37,13 +38,17 @@
main {
display: block;
width: 350px;
padding: 50px 0 40px;
padding: 32px 0 24px;
margin: 0 auto;
p {
color: #999;
color: #54595d;
font-size: 17px;
margin: 0 0 20px 0;
margin: 16px 0 0;
&:first-child {
margin-top: 0;
}
}
form {

View file

@ -0,0 +1,3 @@
#mwe-popups-settings {
font-size: 0.875em; // not inherited from `.mw-body-content`, as we insert at `body`
}