mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-03 18:36:20 +00:00
4a028f1336
React to hooks fired by core when the inline diff type switch is present. VE needs to be able to disable the inline switch when 'visual' mode is selected and enable the switch when 'wikitext' mode is selected. When the 'wikitext' mode is selected and there is an inline switch, the interface needs to show the diff type format previously selected. Toggle using new `mw-diff-element-hidden` class that is used by core so that there's no clashes when hidding and showing the diffs. Bug: T331589 Depends-On: Ie6a48e495f2bb299d8b984e7c40363d534c7915b Change-Id: I4f790370dbfeb521f3b61c4d604245f77094abe9
104 lines
2.1 KiB
Plaintext
104 lines
2.1 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% );
|
|
}
|
|
}
|
|
}
|