Fix fade indicators when blockquotes are in popups

Bug: T375316
Change-Id: I738e07431de05564b1626c8950228c266713c642
This commit is contained in:
bwang 2024-09-24 13:05:48 -05:00
parent fef3740fa5
commit d9fff48280

View file

@ -77,8 +77,7 @@
text-decoration: none; text-decoration: none;
} }
&::after, &::after {
blockquote::after {
content: ' '; content: ' ';
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -102,15 +101,6 @@
background-image: linear-gradient( to left, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) 50% ); 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. // Make the text fit in exactly as many lines as we want.
p { p {
margin: 0; margin: 0;
@ -125,6 +115,13 @@
margin-top: 0; margin-top: 0;
margin-bottom: 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 { svg {