From 26cfea8ef49c2e78a08c210d81e3ec4f3ce9aee5 Mon Sep 17 00:00:00 2001
From: Santhosh Thottingal <santhosh.thottingal@gmail.com>
Date: Tue, 12 Jul 2016 11:33:11 +0530
Subject: [PATCH] Compact language links: Use smaller callout arrow

Uses equilateral triangle with 16px side.

Bug: T138235
Change-Id: If81342876d59e3041d0ea4029e301c3cc76f6641
---
 resources/css/ext.uls.compactlinks.less | 10 +++++-----
 resources/js/ext.uls.compactlinks.js    |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/resources/css/ext.uls.compactlinks.less b/resources/css/ext.uls.compactlinks.less
index a3ba30f5..8223c9fa 100644
--- a/resources/css/ext.uls.compactlinks.less
+++ b/resources/css/ext.uls.compactlinks.less
@@ -36,16 +36,16 @@
 	border-top: 1px solid rgba( 0, 0, 0, 0.2 );
 	box-shadow: -2px -2px 2px rgba( 0, 0, 0, 0.1 );
 	content: '';
-	height: 24px;
-	width: 24px;
-	left: -13px;
+	height: 16px;
+	width: 16px;
+	left: -9px;
 	position: absolute;
-	/* The dialog middle is positioned 250px away from the center of the trigger. Substract 12 for
+	/* The dialog middle is positioned 250px away from the center of the trigger. Substract 8 for
 	 * half of the box height to center middle of the box rather than the top.  The remaining 2 are
 	 * either for top-margin of the menu and border of this box, or because we use do not account
 	 * for the margin of the trigger when we use $.fn.outerWidth without true as a parameter.
 	 */
-	top: 236px;
+	top: 240px;
 	transform: rotate( -45deg );
 	-webkit-transform: rotate( -45deg );
 	-moz-transform: rotate( -45deg );
diff --git a/resources/js/ext.uls.compactlinks.js b/resources/js/ext.uls.compactlinks.js
index 5d04decc..696cb865 100644
--- a/resources/js/ext.uls.compactlinks.js
+++ b/resources/js/ext.uls.compactlinks.js
@@ -131,10 +131,10 @@
 				width = $trigger.outerWidth();
 				height = $trigger.outerHeight();
 
-				// Triangle width is: Math.sqrt( 2 * Math.pow( 25, 2 ) ) / 2 =~ 17.7;
-				// Box width = 24 + 1 for border.
-				// The resulting value is rounded up 20 to have a small space between.
-				triangleWidth = 20;
+				// Triangle width is: Math.sqrt( 2 * Math.pow( 16, 2 ) ) / 2 =~ 11.3;
+				// Box width = 16 + 1 for border.
+				// The resulting value is rounded up 14 to have a small space between.
+				triangleWidth = 14;
 
 				if ( dir === 'rtl' ) {
 					this.left = offset.left - this.$menu.outerWidth() - triangleWidth;