mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-01 01:16:30 +00:00
137124a837
Use the new hook to add the diff-mode selector to the area directly before the diff table. Also toggles the new inline-diff legend, when the initial diff-type is 'inline'. Depends-On: I2a3c67bcfa47313dee597e602a62073e4e298cd2 Bug: T324759 Change-Id: I1584a84b3caea9eb142afba976c6ff47650c3832
108 lines
2.2 KiB
Plaintext
108 lines
2.2 KiB
Plaintext
/*!
|
|
* VisualEditor MediaWiki Initialization DiffPage styles.
|
|
*
|
|
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
@import 'mediawiki.mixins';
|
|
|
|
.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% );
|
|
}
|
|
}
|
|
}
|
|
|
|
.ve-init-diff-inline-legend-hidden {
|
|
visibility: hidden;
|
|
}
|