mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-05 03:08:37 +00:00
3f0f302577
Previously, the ve-mw/init/ directory contained two kinds of files: those that were used when initializing VE, and those that may be loaded even if VE is not going to be initialized at all. The latter kind must not use the `ve` global variable. After moving those files to ve-mw/preinit/ we can enforce this with .eslintrc.json in that directory. This would have prevented T228684. (Technically they merely must not use `ve.init`, and may use `ve`, but that's harder to enforce. We should instead move the few non-init methods out of `ve`: now, track, trackSubscribe, trackSubscribeAll). Also, group some files under ve-mw/init/: targets/ now (only) contains ve.init.mw.Target and its subclasses, apiresponsecache/ now contains ve.init.mw.ApiResponseCache and its subclasses. Bug: T228684 Change-Id: I945249a27f6a0fa10a432d5c5dc57bc7e0461fd8
117 lines
2.3 KiB
Plaintext
117 lines
2.3 KiB
Plaintext
/*!
|
|
* VisualEditor MediaWiki Initialization DiffPage styles.
|
|
*
|
|
* @copyright 2011-2019 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/* stylelint-disable no-descending-specificity */
|
|
|
|
@import 'mediawiki.mixins';
|
|
|
|
.ve-init-mw-diffPage-diff:after {
|
|
content: '';
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
.ve-init-mw-diffPage-diffMode {
|
|
text-align: right;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.client-nojs .ve-init-mw-diffPage-diffMode {
|
|
display: none;
|
|
}
|
|
|
|
.ve-init-mw-diffPage-loading {
|
|
clear: both;
|
|
margin: 2em auto;
|
|
}
|
|
|
|
.ve-init-mw-diffPage-revSlider-visual {
|
|
|
|
@new: #39b79c;
|
|
@old: #d73c34;
|
|
|
|
.mw-revslider-pointer-line {
|
|
.mw-revslider-upper-color {
|
|
border-color: @new;
|
|
}
|
|
|
|
.mw-revslider-lower-color {
|
|
border-color: @old;
|
|
}
|
|
}
|
|
|
|
.mw-revslider-revision-new .mw-revslider-revision-border-box {
|
|
border-bottom-color: @new;
|
|
}
|
|
|
|
.mw-revslider-revision-old .mw-revslider-revision-border-box {
|
|
border-bottom-color: @old;
|
|
}
|
|
|
|
.mw-revslider-revision-hovered {
|
|
&.mw-revslider-revision-wrapper-up .mw-revslider-pointer-ghost {
|
|
background-color: lighten( @new, 30% );
|
|
border-color: @new;
|
|
}
|
|
|
|
&.mw-revslider-revision-wrapper-down .mw-revslider-pointer-ghost {
|
|
background-color: lighten( @old, 30% );
|
|
border-color: @old;
|
|
}
|
|
}
|
|
|
|
.mw-revslider-revision-wrapper-hovered .mw-revslider-revision-hovered {
|
|
&.mw-revslider-revision-wrapper-up {
|
|
background-color: fade( @new, 30% );
|
|
}
|
|
|
|
&.mw-revslider-revision-wrapper-down {
|
|
background-color: fade( @old, 30% );
|
|
}
|
|
}
|
|
|
|
.mw-revslider-pointer {
|
|
&.mw-revslider-pointer-newer {
|
|
border-color: @new;
|
|
.vertical-gradient( lighten( @new, 30% ), @new );
|
|
|
|
&:hover {
|
|
.vertical-gradient( lighten( @new, 40% ), @new );
|
|
}
|
|
}
|
|
|
|
&.mw-revslider-pointer-older {
|
|
border-color: @old;
|
|
.vertical-gradient( lighten( @old, 30% ), @old );
|
|
|
|
&:hover {
|
|
.vertical-gradient( lighten( @old, 40% ), @old );
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-revslider-pointer-container-newer {
|
|
.mw-revslider-slider-line {
|
|
border-bottom-color: fade( @new, 50% );
|
|
}
|
|
|
|
&:hover .mw-revslider-slider-line {
|
|
border-bottom-color: fade( @new, 80% );
|
|
}
|
|
}
|
|
|
|
.mw-revslider-pointer-container-older {
|
|
.mw-revslider-slider-line {
|
|
border-top-color: fade( @old, 50% );
|
|
}
|
|
|
|
&:hover .mw-revslider-slider-line {
|
|
border-top-color: fade( @old, 80% );
|
|
}
|
|
}
|
|
}
|