From: Roan Kattouw <roan.kattouw@gmail.com>
Date: Sat, 4 Mar 2017 03:16:42 +0000 (-0800)
Subject: RCFilters UI: Display popups above CapsuleItemWidgets
X-Git-Tag: 1.31.0-rc.0~3847^2
X-Git-Url: https://git.cyclocoop.org/%7B%24admin_url%7Dmembres/fiche.php?a=commitdiff_plain;h=f9b9e8bf519d5809cb0d24e21d87ef167950412c;p=lhc%2Fweb%2Fwiklou.git

RCFilters UI: Display popups above CapsuleItemWidgets

Depends on I6f2d03ac83aa in oojs-ui

Change-Id: Ia0ff92ef34431827c80a4bc86b391f9d3a3a8958
---

diff --git a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.CapsuleItemWidget.js b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.CapsuleItemWidget.js
index 05f2f66639..a1cee21619 100644
--- a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.CapsuleItemWidget.js
+++ b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.CapsuleItemWidget.js
@@ -38,6 +38,7 @@
 			popup: {
 				padded: false,
 				align: 'center',
+				position: 'above',
 				$content: $popupContent
 					.append( descLabelWidget.$element ),
 				$floatableContainer: this.$element,
@@ -149,8 +150,8 @@
 	mw.rcfilters.ui.CapsuleItemWidget.prototype.onMouseEnter = function () {
 		if ( this.model.getDescription() ) {
 			if ( !this.positioned ) {
-				// Recalculate position to be center of the capsule item
-				this.popup.$element.css( 'margin-left', ( this.$element.width() / 2 ) );
+				// Recalculate anchor position to be center of the capsule item
+				this.popup.$anchor.css( 'margin-left', ( this.$element.width() / 2 ) );
 				this.positioned = true;
 			}