From 4a959a6878f9e720219c789dac864ad70af4b570 Mon Sep 17 00:00:00 2001
From: Jan Drewniak <jan.drewniak@gmail.com>
Date: Mon, 25 Jan 2021 13:07:13 +0100
Subject: [PATCH] Align the menu dropdown list to the end of the "more" button.

Instead of aligning the dropdown list to the starting edge of the
"more" button, this aligns the dropdown list to the end of the
"more" button, preventing any potential horizontal scrolling.

The containing list box is right-aligned, but this does not affect
the text alignment.

Bug: T267325
Change-Id: I8b889f8314519b8c6a74c661aca773b9b546657b
---
 resources/skins.vector.styles/MenuDropdown.less | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/resources/skins.vector.styles/MenuDropdown.less b/resources/skins.vector.styles/MenuDropdown.less
index c80849b..b004a14 100644
--- a/resources/skins.vector.styles/MenuDropdown.less
+++ b/resources/skins.vector.styles/MenuDropdown.less
@@ -53,7 +53,7 @@
 		min-width: 100%;
 		position: absolute;
 		top: 2.5em;
-		left: -@border-width-base;
+		right: -@border-width-base;
 		margin: 0;
 		border: @border-width-base @border-style-base @border-color-base;
 		border-top-width: 0;
@@ -153,14 +153,3 @@
 		outline: auto -webkit-focus-ring-color; // Webkit style
 	}
 }
-
-@media ( max-width: @width-breakpoint-tablet ) {
-	// At lower resolutions, particularly when variants are disabled
-	// make sure the menu does not go off the screen.
-	.vector-menu-dropdown {
-		.vector-menu-content-list {
-			right: 0;
-			left: auto;
-		}
-	}
-}