From d9fff482809e5650e468001e90e8c6376f240dd4 Mon Sep 17 00:00:00 2001
From: bwang <bwang@wikimedia.org>
Date: Tue, 24 Sep 2024 13:05:48 -0500
Subject: [PATCH] Fix fade indicators when blockquotes are in popups

Bug: T375316
Change-Id: I738e07431de05564b1626c8950228c266713c642
---
 src/ui/templates/popup/popup.less | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/ui/templates/popup/popup.less b/src/ui/templates/popup/popup.less
index 59132a803..c5b771e16 100644
--- a/src/ui/templates/popup/popup.less
+++ b/src/ui/templates/popup/popup.less
@@ -77,8 +77,7 @@
 			text-decoration: none;
 		}
 
-		&::after,
-		blockquote::after {
+		&::after {
 			content: ' ';
 			position: absolute;
 			bottom: 0;
@@ -102,15 +101,6 @@
 			background-image: linear-gradient( to left, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% );
 		}
 
-		blockquote::after {
-			width: 100%;
-			height: @lineHeight + 5px;
-			/* @noflip */
-			bottom: 0;
-			/* @noflip */
-			background-image: linear-gradient( to bottom, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 75% );
-		}
-
 		// Make the text fit in exactly as many lines as we want.
 		p {
 			margin: 0;
@@ -125,6 +115,13 @@
 			margin-top: 0;
 			margin-bottom: 0;
 		}
+
+		blockquote {
+			// Adjust default spacing to ensure it lines up with the rest of the text
+			// and the fade indicator
+			margin: 0;
+			padding: 0 20px;
+		}
 	}
 
 	svg {