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

Bug: T284642
Change-Id: I2895975efe1d09d228f80aff74381e88034a0137

includes/Skins/skin.mustache

@@ -50,6 +50,10 @@
 			<div class="banner-container">
 			{{>banners}}
 			</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="page-heading">
 					{{{headinghtml}}}

resources/skins.minerva.base.styles/anonTalkMessage.less

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

resources/skins.minerva.base.styles/content/tablet/common.less

@@ -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
 	.pre-content,
 	/* Form only pages e.g. Special:MobileOptions */
+	.minerva-anon-talk-message,
 	#mw-content-text > form,
 	.content,
 	.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 ) {
 	// stylelint-disable-next-line selector-max-id
 	.banner-container,
+	.minerva-anon-talk-message,
 	.minerva-header,
 	.page-header-bar,
 	.overlay-header,

resources/skins.minerva.base.styles/skin.less

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

resources/skins.minerva.base.styles/ui.less

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

skin.json

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