From: Moriel Schottlender <moriel@gmail.com>
Date: Thu, 23 Feb 2017 22:19:43 +0000 (-0800)
Subject: RCFilters UI: Fix CapsuleItemWidget popup styling
X-Git-Tag: 1.31.0-rc.0~3996^2
X-Git-Url: http://git.cyclocoop.org/%22%20.%20generer_url_ecrire%28%22articles%22%2C%22id_article=%24id_article%22%29%20.%20%22?a=commitdiff_plain;h=4a9a79ec45569a82079252bd6db65c3c850988ee;p=lhc%2Fweb%2Fwiklou.git

RCFilters UI: Fix CapsuleItemWidget popup styling

Bug: T158006
Change-Id: I83f72273bc5bf7bd9548d60efd094e427ff0e13a
---

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.CapsuleItemWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.CapsuleItemWidget.less
index 0bf6f583e8..65278f9c08 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.CapsuleItemWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.CapsuleItemWidget.less
@@ -1,13 +1,9 @@
 @import "mw.rcfilters.mixins";
 
 .mw-rcfilters-ui-capsuleItemWidget {
-	&-popup {
-		padding: 1em;
-	}
-
-	.oo-ui-popupWidget {
-		// Fix the positioning of the popup itself
-		margin-top: 1em;
+	&-popup-content {
+		padding: 0.5em;
+		color: #54595d;
 	}
 
 	.oo-ui-labelElement-label {
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 a547020ce6..4ab36814c2 100644
--- a/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.CapsuleItemWidget.js
+++ b/resources/src/mediawiki.rcfilters/ui/mw.rcfilters.ui.CapsuleItemWidget.js
@@ -14,7 +14,7 @@
 	 */
 	mw.rcfilters.ui.CapsuleItemWidget = function MwRcfiltersUiCapsuleItemWidget( controller, model, config ) {
 		var $popupContent = $( '<div>' )
-			.addClass( 'mw-rcfilters-ui-capsuleItemWidget-popup' ),
+				.addClass( 'mw-rcfilters-ui-capsuleItemWidget-popup-content' ),
 			descLabelWidget = new OO.ui.LabelWidget();
 
 		// Configuration initialization
@@ -34,11 +34,12 @@
 		// Mixin constructors
 		OO.ui.mixin.PopupElement.call( this, $.extend( {
 			popup: {
-				padded: true,
+				padded: false,
 				align: 'center',
 				$content: $popupContent
 					.append( descLabelWidget.$element ),
-				$floatableContainer: this.$element
+				$floatableContainer: this.$element,
+				classes: [ 'mw-rcfilters-ui-capsuleItemWidget-popup' ]
 			}
 		}, config ) );