From 3d61c0ed5d0307207a31321785ef4604dd031965 Mon Sep 17 00:00:00 2001
From: suecarmol <scardenasmolinar@wikimedia.org>
Date: Fri, 12 Aug 2022 21:50:53 -0500
Subject: [PATCH] Mobile Preferences: Add styles for Special:Preferences mobile

Added a stylesheet for when a user views Special:Preferences in mobile

Bug: T311717
Depends-On: Ia7a730cd7f009dbb921a810f27fae4a9ee66f793
Change-Id: I83558ca5de50fa7d8c7d75572ffa1c600f660d66
---
 skin.json                                     |  3 +
 .../minerva.less                              | 63 +++++++++++++++++++
 2 files changed, 66 insertions(+)
 create mode 100644 skinStyles/mediawiki.special.preferences.styles.ooui/minerva.less

diff --git a/skin.json b/skin.json
index aaa847028..eee58f110 100644
--- a/skin.json
+++ b/skin.json
@@ -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"
 			],
diff --git a/skinStyles/mediawiki.special.preferences.styles.ooui/minerva.less b/skinStyles/mediawiki.special.preferences.styles.ooui/minerva.less
new file mode 100644
index 000000000..56fbc2736
--- /dev/null
+++ b/skinStyles/mediawiki.special.preferences.styles.ooui/minerva.less
@@ -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;
+}