mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups
synced 2024-11-27 17:00:37 +00:00
Fix fade indicators when blockquotes are in popups
Bug: T375316 Change-Id: I738e07431de05564b1626c8950228c266713c642
This commit is contained in:
parent
fef3740fa5
commit
d9fff48280
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue