mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups
synced 2024-12-19 02:30:45 +00:00
b3fb2b5867
Before, the element is still part of the DOM, shows up in the debugger, and consumes rendering time (probably close to zero, but still). After, the element is gone. Change-Id: I580fd89868b5a91118a8115d71d819824ff7f80c
65 lines
1.5 KiB
Plaintext
65 lines
1.5 KiB
Plaintext
.mwe-popups.mwe-popups-type-reference {
|
|
.mwe-popups-title {
|
|
margin-top: @popupPadding;
|
|
|
|
.mw-ui-icon {
|
|
vertical-align: middle;
|
|
|
|
&.mw-ui-icon-element {
|
|
min-width: @iconSize;
|
|
width: @iconSize;
|
|
|
|
&:before {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
&.mw-ui-icon-reference-generic {
|
|
/* align narrow icon with the text */
|
|
margin-left: -2px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mwe-popups-extract {
|
|
margin-bottom: 2.75 * @lineHeight;
|
|
// Reference previews should have a "lighter" appearence than page previews, where the
|
|
// maximum is 7 lines.
|
|
max-height: 5 * @lineHeight;
|
|
// Reference previews can be smaller than page previews, where the minimum is 2 lines.
|
|
min-height: @lineHeight;
|
|
|
|
// Remove the default fade-out effect set by popup.less
|
|
&:after {
|
|
display: none;
|
|
}
|
|
|
|
.mwe-popups-fade {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: @lineHeight;
|
|
background-color: transparent;
|
|
background-image: -webkit-linear-gradient( top, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) );
|
|
background-image: -moz-linear-gradient( top, rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) );
|
|
background-image: linear-gradient( rgba( 255, 255, 255, 0 ), rgba( 255, 255, 255, 1 ) );
|
|
opacity: 0;
|
|
pointer-events: none; // Allows clicking "through" the element
|
|
.transition( opacity 250ms ease );
|
|
}
|
|
|
|
&.mwe-popups-fade-out .mwe-popups-fade {
|
|
opacity: 1;
|
|
}
|
|
|
|
.mw-parser-output {
|
|
max-height: inherit;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
.mwe-popups-read-link {
|
|
// Same font size as the read link in disambiguation popups
|
|
font-size: 12px;
|
|
}
|
|
}
|