mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups
synced 2024-12-01 02:36:35 +00:00
59c6b8e88f
* Adds a new webpack entry point for references previews * Reference related code in src/index.js is moved to new file resources/ext.popups.referencePreviews/index.js The changes: * References previews now in its own module ext.popups.referencePreviews * Loaded via getCustomPopupTypes * OWNERS.md files make clear which team owns which part of the code. Bug: T326692 Change-Id: Iea8a5b9221c0b1fd41e40bff2cbe01e42124d53f
82 lines
2 KiB
Plaintext
82 lines
2 KiB
Plaintext
@import 'mediawiki.skin.variables.less';
|
|
@import '../../src/ui/variables.less';
|
|
|
|
.popups-icon--reference-generic {
|
|
.cdx-mixin-css-icon( @cdx-icon-reference );
|
|
}
|
|
|
|
.popups-icon--reference-book {
|
|
.cdx-mixin-css-icon( @cdx-icon-book );
|
|
}
|
|
|
|
.popups-icon--reference-journal {
|
|
.cdx-mixin-css-icon( @cdx-icon-journal );
|
|
}
|
|
|
|
.popups-icon--reference-news {
|
|
.cdx-mixin-css-icon( @cdx-icon-newspaper );
|
|
}
|
|
|
|
.popups-icon--reference-web {
|
|
.cdx-mixin-css-icon( @cdx-icon-browser );
|
|
}
|
|
|
|
.popups-icon--preview-disambiguation {
|
|
.cdx-mixin-css-icon( @cdx-icon-articles );
|
|
}
|
|
|
|
// Don't do any event bubbling on childs like <a><span>[</span>2]</a>
|
|
// see https://phabricator.wikimedia.org/T214693
|
|
#mw-content-text .reference a[ href*='#' ] * {
|
|
pointer-events: none;
|
|
}
|
|
.mwe-popups.mwe-popups-type-reference .mwe-popups-container {
|
|
.mwe-popups-title .popups-icon--reference-note {
|
|
// There is currently no "reference-note" icon specified in extension.json
|
|
display: none;
|
|
}
|
|
|
|
.mwe-popups-extract {
|
|
margin-right: 0;
|
|
max-height: inherit;
|
|
.mwe-popups-scroll {
|
|
// This is how the @previewFooterHeight in popup.less is calculated
|
|
@marginBottom: @popupPadding + 34px;
|
|
// Same as @previewPointerHeight in popup.less
|
|
@pointerHeight: 8px;
|
|
max-height: 401px - @popupPadding - @marginBottom + @pointerHeight;
|
|
overflow: auto;
|
|
padding-right: @popupPadding;
|
|
}
|
|
|
|
.mw-parser-output {
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
// 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: 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;
|
|
}
|
|
}
|
|
.mwe-collapsible-placeholder {
|
|
font-weight: bold;
|
|
margin: 1em 0;
|
|
position: relative;
|
|
}
|
|
}
|