From 310323b5615d6966a99c027f246c7fd16114775a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bartosz=20Dziewo=C5=84ski?= <matma.rex@gmail.com>
Date: Mon, 14 Nov 2022 15:01:35 +0100
Subject: [PATCH] Tweak mobile styles for no-JS compatibility

Bug: T321430
Change-Id: I0f20750995d89c0bb4be9a70e594326f15a6de0b
---
 modules/dt.init.less | 55 +++++++++++++++++++++++---------------------
 1 file changed, 29 insertions(+), 26 deletions(-)

diff --git a/modules/dt.init.less b/modules/dt.init.less
index b8736f038..3bbe62b66 100644
--- a/modules/dt.init.less
+++ b/modules/dt.init.less
@@ -496,9 +496,36 @@ h1, h2, h3, h4, h5, h6 {
 			flex-wrap: wrap;
 		}
 
-		&-actions {
+		&-actions,
+		&-metadata {
 			width: 100%;
-			padding-left: 24px;
+		}
+
+		.client-js & {
+			&-actions,
+			&-metadata {
+				padding-left: 24px;
+			}
+
+			&-ellipsisButton {
+				display: inline-block;
+				// stylelint-disable-next-line declaration-property-unit-disallowed-list
+				font-size: 14px;
+				margin-right: -5px;
+				// Fix height so MenuWidget appears in the correct place with wrapped text (T311558)
+				height: 32px;
+			}
+
+			.mw-editsection {
+				// Replaced by the ellipsis button
+				// stylelint-disable-next-line declaration-no-important
+				display: none !important;
+			}
+		}
+
+		&-authorCountLabel,
+		&-commentCountLabel {
+			display: none;
 		}
 
 		// stylelint-disable-next-line selector-class-pattern
@@ -507,25 +534,6 @@ h1, h2, h3, h4, h5, h6 {
 			display: none;
 		}
 
-		&-ellipsisButton {
-			display: inline-block;
-			// stylelint-disable-next-line declaration-property-unit-disallowed-list
-			font-size: 14px;
-			margin-right: -5px;
-			// Fix height so MenuWidget appears in the correct place with wrapped text (T311558)
-			height: 32px;
-		}
-
-		&-metadata {
-			width: 100%;
-			padding-left: 24px;
-		}
-
-		&-authorCountLabel,
-		&-commentCountLabel {
-			display: none;
-		}
-
 		// stylelint-disable-next-line selector-class-pattern
 		&.open-block {
 			margin-bottom: 12px;
@@ -535,11 +543,6 @@ h1, h2, h3, h4, h5, h6 {
 			}
 		}
 
-		.mw-editsection {
-			// stylelint-disable-next-line declaration-no-important
-			display: none !important;
-		}
-
 		.mw-ui-icon + span {
 			margin-left: 0;
 		}