Adjust the reference popup size and enable scollbars

This patch mainly adjusts the min-height and paddings for the reference
popups according to the mocks. It also enables scrolling inside of these
popups if the content exceeds the max sizes.

For now the scrollbars don't get specific styling. Also not, that the
fade out effect seen in the mocks is not part of this task.

Bug: T214169
Change-Id: Ifcc355fbcb6410778e7d4c569eb4cab09ed5dbf5
This commit is contained in:
WMDE-Fisch 2019-02-07 15:56:53 +01:00 committed by Thiemo Kreuz
parent 5bc4ed8f9f
commit 608a6a79cb

View file

@ -1,4 +1,4 @@
.mwe-popups-type-reference { .mwe-popups.mwe-popups-type-reference {
.mwe-popups-title { .mwe-popups-title {
margin-top: @popupPadding; margin-top: @popupPadding;
@ -21,6 +21,17 @@
} }
} }
.mwe-popups-extract {
// Reference previews can be smaller than page preview, where the minimum is two lines.
min-height: @lineHeight;
overflow: auto;
// We don't want footnotes to have a fade-out effect (introduced with T150814).
&:after {
display: none;
}
}
.mwe-popups-read-link { .mwe-popups-read-link {
// Same font size as the read link in disambiguation popups // Same font size as the read link in disambiguation popups
font-size: 12px; font-size: 12px;