Add yellow talk page message warning to non-main namespace pages

Bug: T284642
Change-Id: I2895975efe1d09d228f80aff74381e88034a0137
This commit is contained in:
bwang 2021-10-25 15:40:47 -05:00
parent 2a60efef79
commit b4fd1498bc
6 changed files with 33 additions and 0 deletions

View file

@ -50,6 +50,10 @@
<div class="banner-container"> <div class="banner-container">
{{>banners}} {{>banners}}
</div> </div>
<div class="minerva-anon-talk-message warningbox">
<span class="mw-ui-icon mw-ui-icon-wikimedia-userTalk-warning"> </span>
{{{html-user-message}}}
</div>
<div class="pre-content heading-holder"> <div class="pre-content heading-holder">
<div class="page-heading"> <div class="page-heading">
{{{headinghtml}}} {{{headinghtml}}}

View file

@ -0,0 +1,18 @@
.minerva-anon-talk-message.warningbox {
display: none;
margin-top: 16px;
margin-bottom: 0;
.mw-ui-icon {
color: #fc3;
}
.usermessage {
display: inline;
margin-left: 8px;
}
}
.ns-special .minerva-anon-talk-message {
display: block;
}

View file

@ -32,6 +32,7 @@ A file for css that optimises the Minerva skin on larger devices.
// FIXME: Have a class that identifies all of these selectors // FIXME: Have a class that identifies all of these selectors
.pre-content, .pre-content,
/* Form only pages e.g. Special:MobileOptions */ /* Form only pages e.g. Special:MobileOptions */
.minerva-anon-talk-message,
#mw-content-text > form, #mw-content-text > form,
.content, .content,
.content-unstyled, .content-unstyled,
@ -94,6 +95,7 @@ A file for css that optimises the Minerva skin on larger devices.
@media screen and ( min-width: @width-breakpoint-desktop ) { @media screen and ( min-width: @width-breakpoint-desktop ) {
// stylelint-disable-next-line selector-max-id // stylelint-disable-next-line selector-max-id
.banner-container, .banner-container,
.minerva-anon-talk-message,
.minerva-header, .minerva-header,
.page-header-bar, .page-header-bar,
.overlay-header, .overlay-header,

View file

@ -2,6 +2,7 @@
@import 'ui.less'; @import 'ui.less';
@import 'pageactions.less'; @import 'pageactions.less';
@import 'userMenu.less'; @import 'userMenu.less';
@import 'anonTalkMessage.less';
@import 'common.less'; @import 'common.less';
@import 'footer.less'; @import 'footer.less';
@import 'print/styles.less'; @import 'print/styles.less';

View file

@ -251,6 +251,7 @@ input.search {
.talk-overlay .comment .comment-content, .talk-overlay .comment .comment-content,
.image-list, .image-list,
.minerva-anon-talk-message,
.pre-content, .pre-content,
/* Form only pages e.g Special:MobileOptions */ /* Form only pages e.g Special:MobileOptions */
#mw-content-text > form > .oo-ui-fieldLayout > .oo-ui-fieldLayout-body, #mw-content-text > form > .oo-ui-fieldLayout > .oo-ui-fieldLayout-body,

View file

@ -351,6 +351,12 @@
"selectorWithoutVariant": ".mw-ui-icon-wikimedia-{name}-base20:before, .mw-ui-background-icon-{name}", "selectorWithoutVariant": ".mw-ui-icon-wikimedia-{name}-base20:before, .mw-ui-background-icon-{name}",
"useDataURI": false, "useDataURI": false,
"defaultColor": "#54595d", "defaultColor": "#54595d",
"variants": {
"warning": {
"color": "#fc3",
"global": true
}
},
"class": "ResourceLoaderOOUIIconPackModule", "class": "ResourceLoaderOOUIIconPackModule",
"icons": [ "icons": [
"edit", "edit",
@ -360,6 +366,7 @@
"menu", "menu",
"search", "search",
"userAvatar", "userAvatar",
"userTalk",
"star", "star",
"halfStar", "halfStar",
"unStar" "unStar"