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", "extends": "stylelint-config-wikimedia",
"rules": { "rules": {
"selector-no-id": null, "selector-no-id": null,
"length-zero-no-unit": null,
"no-descending-specificity": 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.animation.less",
"resources/ext.popups/styles/ext.popups.settings.less" "resources/ext.popups/styles/ext.popups.settings.less"
], ],
"skinStyles": {
"vector": [
"resources/ext.popups/styles/ext.popups.settings.vector.less"
]
},
"messages": [ "messages": [
"popups-settings-title", "popups-settings-title",
"popups-settings-description", "popups-settings-description",

View file

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