From 1d1df63cabe17ccbcfe85433cbece1e031370cb2 Mon Sep 17 00:00:00 2001
From: Ed Sanders <esanders@wikimedia.org>
Date: Tue, 26 Jul 2022 13:52:22 +0100
Subject: [PATCH] Show empty state on mobile when there is only non-discussion
 content

Bug: T313801
Change-Id: I4e9910ef7d63c6ce330da1a896f518a9a22a12cd
---
 .stylelintrc.json    | 2 +-
 modules/dt.init.less | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/.stylelintrc.json b/.stylelintrc.json
index 53b78d999..a5bd4d8b1 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -4,7 +4,7 @@
 		"stylelint-config-wikimedia/mediawiki"
 	],
 	"rules": {
-		"selector-class-pattern": "^(ext|ve|mw|oo-ui|client|skin)-",
+		"selector-class-pattern": "^(ext|ve|mw|oo-ui|client|skin|mf)-",
 		"unit-disallowed-list": null
 	}
 }
diff --git a/modules/dt.init.less b/modules/dt.init.less
index 18933bad1..d5daeff2e 100644
--- a/modules/dt.init.less
+++ b/modules/dt.init.less
@@ -558,10 +558,15 @@ span[ data-mw-comment-start ] {
 // The button will disable all DT features byt remove feature CSS classes.
 // stylelint-disable-next-line selector-class-pattern
 .skin-minerva.ns-talk.ext-discussiontools-replytool-enabled {
-	.mf-section-0 { /* stylelint-disable-line selector-class-pattern */
+	.mf-section-0 > *:not( .ext-discussiontools-emptystate ) {
 		display: none;
 	}
 
+	.mf-section-0 > .ext-discussiontools-emptystate {
+		border-top: 0;
+		margin-top: 0;
+	}
+
 	.ext-discussiontools-init-readAsWikiPage {
 		display: block;
 		/* Not sticky per T309889 */