From f9b9e8bf519d5809cb0d24e21d87ef167950412c Mon Sep 17 00:00:00 2001 From: Roan Kattouw Date: Fri, 3 Mar 2017 19:16:42 -0800 Subject: [PATCH] RCFilters UI: Display popups above CapsuleItemWidgets Depends on I6f2d03ac83aa in oojs-ui Change-Id: Ia0ff92ef34431827c80a4bc86b391f9d3a3a8958 --- .../ui/mw.rcfilters.ui.CapsuleItemWidget.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) 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; } -- 2.20.1