Merge "Mobile Preferences: Add styles for Special:Preferences mobile"

This commit is contained in:
jenkins-bot 2022-09-15 19:44:54 +00:00 committed by Gerrit Code Review
commit 6d082506c9
2 changed files with 66 additions and 0 deletions

View file

@ -227,6 +227,9 @@
"mediawiki.special": [
"skinStyles/mobile.special.styles/minerva.less"
],
"mediawiki.special.preferences.styles.ooui": [
"skinStyles/mediawiki.special.preferences.styles.ooui/minerva.less"
],
"mobile.special.styles": [
"skinStyles/mobile.special.styles/minerva.less"
],

View file

@ -0,0 +1,63 @@
@import 'mediawiki.ui/variables';
.mw-mobile-preferences-option {
cursor: pointer;
padding-top: 0.3125em;
border-bottom: 0.0625em solid @colorGray12;
}
.mw-mobile-preferences-option:hover {
background-color: @colorGray15;
}
.mw-mobile-preferences-option:last-child {
border-bottom: none; // stylelint-disable-line declaration-property-value-disallowed-list
}
.mw-prefs-icon {
color: @colorGray2;
margin: 0.25em 0.5em !important;
}
.mw-prefs-title {
font-weight: normal;
font-size: 1em;
line-height: 1.25em;
color: @colorGray2;
}
.mw-prefs-description {
font-weight: normal;
font-size: 0.875em;
line-height: 1.25em;
padding: 0 2.7em;
color: @colorGray7;
margin-top: 0em; // stylelint-disable-line length-zero-no-unit
}
.mw-prefs-header-container {
display: flex;
}
.mw-prefs-hidden {
display: none;
}
.mw-prefs-content-header {
width: 100%;
height: 3.125em;
display: block;
border-bottom: 1px solid @colorGray12;
box-shadow: 0 0.25em 0.125em -0.1875em rgba( 0, 0, 0, 0.25 );
}
.mw-prefs-header-icon {
padding: 0em; // stylelint-disable-line length-zero-no-unit
color: @colorGray2;
cursor: pointer;
margin: 0.25em 0.5em;
}
.mw-prefs-header-title {
display: inline-flex;
}