mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Cite
synced 2024-11-24 06:54:00 +00:00
a3a6091534
This makes the dialog's behavior much more robust, especially when confronted with overly long and complex references. * Limit the height of list items to avoid the situation where a single item overflows the dialog. This makes it especially hard to navigate with the cursor keys. We can't see any more what's going on. The proposed height is intentionally a very high upper bound, equivalent to about 2/3 of the dialog's height. * Limit the name on the right side to take up less than half of an item. The left side is for the content. Usually the names are very short anyway. But if a name is long it currently creates a mess where the name is intertwined with the content. * Break overly long words in references. * Changing the opacity to use upstream values makes the dimmed names a bit darker. I think this is good, even necessary for legibility. Technical changes: * Use LESS variables from upstream, where possible. * Remove redundant `relative` already set upstream. Bug: T372385 Change-Id: Ie59b7b7e4aa7eadc8f82b39884313f5aa8cfd950
39 lines
958 B
Plaintext
39 lines
958 B
Plaintext
/*!
|
|
* VisualEditor MediaWiki UserInterface MWReferenceSearchWidget styles.
|
|
*
|
|
* @copyright 2011-2018 VisualEditor Team's Cite sub-team and others; see AUTHORS.txt
|
|
* @license MIT
|
|
*/
|
|
|
|
@import 'mediawiki.skin.variables.less';
|
|
|
|
.ve-ui-mwReferenceSearchWidget {
|
|
// How the footnote marker appears in the text, e.g. [1]
|
|
&-citation {
|
|
float: left;
|
|
margin-right: 0.75em;
|
|
}
|
|
|
|
// A reference's unique identifier as provided via the name="…" attribute
|
|
&-name {
|
|
opacity: @opacity-medium;
|
|
float: right;
|
|
margin-left: 0.75em;
|
|
margin-bottom: 0.05em;
|
|
// Limit overly long names and push them to the side
|
|
max-width: 40%;
|
|
text-align: right;
|
|
|
|
// Names like ":0" are less meaningful, still useful esp. when switching to wikitext
|
|
&-autogenerated {
|
|
opacity: @opacity-low;
|
|
}
|
|
}
|
|
|
|
// Preview the reference's content with less whitespace, relevant when it contains e.g. tables
|
|
.ve-ui-mwPreviewElement * {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
}
|
|
}
|