From 06d0afbcb30e541614e04116516ed9f3b104d177 Mon Sep 17 00:00:00 2001
From: Clare Ming <cming@wikimedia.org>
Date: Wed, 2 Jun 2021 13:48:52 -0600
Subject: [PATCH] Update styles for user-interface-preferences in user links
 menu.

- Add new menu to UserLinks template.
- Fix styles for user links toolbar.

Bug: T282196
Change-Id: I42d6e6e11d76b2d25b2720a617f2fb2e545eb4b6
---
 includes/templates/UserLinks.mustache         |  1 +
 .../components/UserLinks.less                 | 24 +++++++++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/includes/templates/UserLinks.mustache b/includes/templates/UserLinks.mustache
index 6ada638..f539a6d 100644
--- a/includes/templates/UserLinks.mustache
+++ b/includes/templates/UserLinks.mustache
@@ -1,4 +1,5 @@
 <div class="vector-user-links">
+	{{#data-user-interface-preferences}}{{>Menu}}{{/data-user-interface-preferences}}
 	{{#is-anon}}
 		<div id="p-createaccount" class="vector-user-links-createaccount">
 			{{#data-userlinks}}{{{html-create-account}}}{{/data-userlinks}}
diff --git a/resources/skins.vector.styles/components/UserLinks.less b/resources/skins.vector.styles/components/UserLinks.less
index 4883e55..849bddf 100644
--- a/resources/skins.vector.styles/components/UserLinks.less
+++ b/resources/skins.vector.styles/components/UserLinks.less
@@ -115,4 +115,28 @@
 	.vector-user-links-createaccount {
 		margin-left: 0.75em;
 	}
+
+	// Adjust the user-interface-preferences menu.
+	.mw-portlet-user-interface-preferences {
+		margin-top: -0.2em;
+		margin-right: 0;
+		padding: 0;
+
+		// Hide the heading of the user-interface-preferences menu.
+		h3 {
+			display: none;
+		}
+
+		li {
+			font-size: 0.75em;
+
+			a {
+				padding-left: 2em;
+			}
+		}
+
+		ul.vector-menu-content-list {
+			padding-top: 0;
+		}
+	}
 }